Merge pull request #1346 from OneUptime/helm-dep-update

Helm dep update

.github/workflows/build.yml

@@ -1,4 +1,4 @@
-name:  Docker Build
+name: Build
 
 on:
   pull_request:
@@ -25,6 +25,21 @@ jobs:
       - name: build docker image
         run: sudo docker build -f ./Accounts/Dockerfile .
 
+  docker-build-isolated-vm:
+    runs-on: ubuntu-latest
+    env:
+      CI_PIPELINE_ID: ${{github.run_number}}
+    steps:
+      - name: Checkout 
+        uses: actions/checkout@v2
+
+      - name: Preinstall 
+        run: npm run prerun
+      
+      # build image for accounts service
+      - name: build docker image
+        run: sudo docker build -f ./IsolatedVM/Dockerfile .
+
 
   docker-build-otel-collector:
     runs-on: ubuntu-latest
@@ -148,6 +163,20 @@ jobs:
       - name: build docker image
         run: sudo docker build -f ./StatusPage/Dockerfile .
 
+  docker-build-infrastructure-agent:
+    runs-on: ubuntu-latest
+    env:
+      CI_PIPELINE_ID: ${{github.run_number}}
+    steps:
+      - name: Checkout 
+        uses: actions/checkout@v2
+
+      - name: Preinstall 
+        run: npm run prerun
+
+      # build image for mail service
+      - name: build docker image
+        run: sudo docker build -f ./InfrastructureAgent/Dockerfile .
 
   docker-build-test-server:
     runs-on: ubuntu-latest
@@ -162,4 +191,4 @@ jobs:
 
       # build image for mail service
       - name: build docker image
-        run: sudo docker build -f ./TestServer/Dockerfile .
+        run: sudo docker build -f ./TestServer/Dockerfile .

.github/workflows/compile.yml

@@ -25,6 +25,19 @@ jobs:
       - run: cd CommonUI && npm install --force
       - run: cd Accounts && npm install && npm run compile && npm run dep-check
 
+  compile-isolated-vm:
+    runs-on: ubuntu-latest
+    env:
+      CI_PIPELINE_ID: ${{github.run_number}}
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v2
+        with:
+          node-version: 18.3.0
+      - run: cd Common && npm install
+      - run: cd CommonServer && npm install
+      - run: cd IsolatedVM && npm install && npm run compile && npm run dep-check
+
   compile-common-server:
     runs-on: ubuntu-latest
     env:
@@ -77,6 +90,35 @@ jobs:
       - run: cd CommonServer && npm install
       - run: cd CommonUI && npm install --force
       - run: cd App && npm install && npm run compile && npm run dep-check
+
+  compile-nginx:
+    runs-on: ubuntu-latest
+    env:
+      CI_PIPELINE_ID: ${{github.run_number}}
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v2
+        with:
+          node-version: 18.3.0
+      - run: cd Common && npm install
+      - run: cd Model && npm install
+      - run: cd CommonServer && npm install
+      - run: cd CommonUI && npm install --force
+      - run: cd Nginx && npm install && npm run compile && npm run dep-check
+
+  compile-infrastructure-agent:
+    runs-on: ubuntu-latest
+    env:
+      CI_PIPELINE_ID: ${{github.run_number}}
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v2
+        with:
+          node-version: 18.3.0
+      - run: cd Common && npm install
+      - run: cd Model && npm install
+      - run: cd CommonServer && npm install
+      - run: cd InfrastructureAgent && npm install && npm run compile && npm run dep-check
   
 
   compile-admin-dashboard:

.github/workflows/release.yml

@@ -31,7 +31,11 @@ jobs:
       - run: echo "${{needs.generate-build-number.outputs.build_number}}"
       - name: "Build Changelog"
         id: build_changelog
-        uses: mikepenz/release-changelog-builder-action@v3.7.1
+        uses: mikepenz/release-changelog-builder-action@v4.2.0
+        with:
+          configuration: "./Scripts/Release/ChangelogConfig.json"
+      - run: echo "Changelog:"    
+      - run: echo "${{steps.build_changelog.outputs.changelog}}"
       - uses: ncipollo/release-action@v1
         with:
           tag: "7.0.${{needs.generate-build-number.outputs.build_number}}"
@@ -147,6 +151,66 @@ jobs:
             GIT_SHA=${{ github.sha }}
             APP_VERSION=7.0.${{needs.generate-build-number.outputs.build_number}}
 
+  isolated-vm-docker-image-deploy:
+    needs: generate-build-number
+    runs-on: ubuntu-latest
+    steps:
+      - name: Docker Meta
+        id: meta
+        uses: docker/metadata-action@v4
+        with:
+          images: |
+            oneuptime/isolated-vm
+            ghcr.io/oneuptime/isolated-vm
+          tags: |
+            type=raw,value=release,enable=true
+            type=semver,value=7.0.${{needs.generate-build-number.outputs.build_number}},pattern={{version}},enable=true
+
+      - uses: actions/checkout@v4
+        with:
+          ref: ${{ github.ref }}
+
+      - uses: actions/setup-node@v2
+        with:
+          node-version: 18.3.0
+
+      - name: Set up QEMU
+        uses: docker/setup-qemu-action@v2
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v2
+
+      - name: Generate Dockerfile from Dockerfile.tpl
+        run: npm run prerun
+
+      # Build and deploy isolated-vm.
+
+      - name: Login to Docker Hub 
+        uses: docker/login-action@v2.2.0
+        with:
+          username: ${{ secrets.DOCKERHUB_USERNAME }}
+          password: ${{ secrets.DOCKERHUB_PASSWORD }}
+
+      - name: Login to GitHub Container Registry
+        uses: docker/login-action@v2.2.0
+        with:
+          registry: ghcr.io
+          username: ${{ github.repository_owner }}
+          password: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Build and push
+        uses: docker/build-push-action@v4
+        with:
+          file: ./IsolatedVM/Dockerfile
+          context: .
+          platforms: linux/amd64,linux/arm64
+          push: true
+          tags: ${{ steps.meta.outputs.tags }}
+          labels: ${{ steps.meta.outputs.labels }}
+          build-args: |
+            GIT_SHA=${{ github.sha }}
+            APP_VERSION=7.0.${{needs.generate-build-number.outputs.build_number}}
+
   test-server-docker-image-deploy:
     needs: generate-build-number
     runs-on: ubuntu-latest
@@ -810,3 +874,108 @@ jobs:
           build-args: |
             GIT_SHA=${{ github.sha }}
             APP_VERSION=7.0.${{needs.generate-build-number.outputs.build_number}}
+
+    # We dont need any of this because we are using the npm package  
+  # infrastructure-agent-macos-binary-release:
+  #   runs-on: macos-latest
+  #   steps:
+  #     - uses: actions/checkout@v2
+  #     - uses: actions/setup-node@v2
+  #       with:
+  #         node-version: 21.6.2
+  #     - run: cd InfrastructureAgent && bash Scripts/Build/Mac.sh
+
+  # We dont need any of this because we are using the npm package    
+  # infrastructure-agent-windows-binary-release:
+  #   runs-on: windows-latest
+  #   steps:
+  #     - uses: actions/checkout@v2
+  #     - uses: actions/setup-node@v2
+  #       with:
+  #         node-version: 21.6.2
+  #     - run: cd InfrastructureAgent && ./Scripts/Build/Windows.ps1
+
+  # We dont need any of this because we are using the npm package  
+  # infrastructure-agent-linux-binary-release:
+  #   runs-on: ubuntu-latest
+  #   steps:
+  #     - uses: actions/checkout@v2
+  #     - uses: actions/setup-node@v2
+  #       with:
+  #         node-version: 21.6.2
+  #     - run: cd InfrastructureAgent && bash ./Scripts/Build/Linux.sh
+
+  publish-npm-packages:
+    runs-on: ubuntu-latest
+    needs: generate-build-number
+    env:
+      CI_PIPELINE_ID: ${{github.run_number}}
+      NPM_AUTH_TOKEN: ${{secrets.NPM_AUTH_TOKEN}}
+      PACKAGE_VERSION: 7.0.${{needs.generate-build-number.outputs.build_number}}
+    steps:
+      - name: Checkout 
+        uses: actions/checkout@v2
+      - name: Preinstall 
+        run: npm run prerun
+      - name: Publish Infrastructure Agent
+        run: bash ./Scripts/NPM/PublishAllPackages.sh
+        
+  infrastructure-agent-docker-image-deploy:
+    needs: generate-build-number
+    runs-on: ubuntu-latest
+    steps:
+      - name: Docker Meta
+        id: meta
+        uses: docker/metadata-action@v4
+        with:
+          images: |
+            oneuptime/infrastructure-agent
+            ghcr.io/oneuptime/infrastructure-agent
+          tags: |
+            type=raw,value=release,enable=true
+            type=semver,value=7.0.${{needs.generate-build-number.outputs.build_number}},pattern={{version}},enable=true
+
+      - uses: actions/checkout@v4
+        with:
+          ref: ${{ github.ref }}
+
+      - uses: actions/setup-node@v2
+        with:
+          node-version: 18.3.0
+
+      - name: Set up QEMU
+        uses: docker/setup-qemu-action@v2
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v2
+
+      - name: Generate Dockerfile from Dockerfile.tpl
+        run: npm run prerun
+
+      # Build and deploy infrastructure-agent.
+
+      - name: Login to Docker Hub 
+        uses: docker/login-action@v2.2.0
+        with:
+          username: ${{ secrets.DOCKERHUB_USERNAME }}
+          password: ${{ secrets.DOCKERHUB_PASSWORD }}
+
+      - name: Login to GitHub Container Registry
+        uses: docker/login-action@v2.2.0
+        with:
+          registry: ghcr.io
+          username: ${{ github.repository_owner }}
+          password: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Build and push
+        uses: docker/build-push-action@v4
+        with:
+          file: ./InfrastructureAgent/Dockerfile
+          context: .
+          platforms: linux/amd64,linux/arm64
+          push: true
+          tags: ${{ steps.meta.outputs.tags }}
+          labels: ${{ steps.meta.outputs.labels }}
+          build-args: |
+            GIT_SHA=${{ github.sha }}
+            APP_VERSION=7.0.${{needs.generate-build-number.outputs.build_number}}

.github/workflows/test-release.yaml

@@ -202,6 +202,67 @@ jobs:
             GIT_SHA=${{ github.sha }}
             APP_VERSION=7.0.${{needs.generate-build-number.outputs.build_number}}
 
+  isolated-vm-docker-image-deploy:
+    needs: generate-build-number
+    runs-on: ubuntu-latest
+    steps:
+      - name: Docker Meta
+        id: meta
+        uses: docker/metadata-action@v4
+        with:
+          images: |
+            oneuptime/isolated-vm
+            ghcr.io/oneuptime/isolated-vm
+          tags: |
+            type=raw,value=test,enable=true
+            type=semver,value=7.0.${{needs.generate-build-number.outputs.build_number}}-test,pattern={{version}},enable=true
+            
+
+      - uses: actions/checkout@v4
+        with:
+          ref: ${{ github.ref }}
+
+      - uses: actions/setup-node@v2
+        with:
+          node-version: 18.3.0
+
+      - name: Set up QEMU
+        uses: docker/setup-qemu-action@v2
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v2
+
+      - name: Generate Dockerfile from Dockerfile.tpl
+        run: npm run prerun
+
+      # Build and deploy isolated-vm.
+
+      - name: Login to Docker Hub 
+        uses: docker/login-action@v2.2.0
+        with:
+          username: ${{ secrets.DOCKERHUB_USERNAME }}
+          password: ${{ secrets.DOCKERHUB_PASSWORD }}
+
+      - name: Login to GitHub Container Registry
+        uses: docker/login-action@v2.2.0
+        with:
+          registry: ghcr.io
+          username: ${{ github.repository_owner }}
+          password: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Build and push
+        uses: docker/build-push-action@v4
+        with:
+          file: ./IsolatedVM/Dockerfile
+          context: .
+          platforms: linux/amd64,linux/arm64
+          push: true
+          tags: ${{ steps.meta.outputs.tags }}
+          labels: ${{ steps.meta.outputs.labels }}
+          build-args: |
+            GIT_SHA=${{ github.sha }}
+            APP_VERSION=7.0.${{needs.generate-build-number.outputs.build_number}}
+
   status-page-docker-image-deploy:
     needs: generate-build-number
     runs-on: ubuntu-latest
@@ -753,9 +814,73 @@ jobs:
             GIT_SHA=${{ github.sha }}
             APP_VERSION=7.0.${{needs.generate-build-number.outputs.build_number}}
 
+          
+  infrastructure-agent-docker-image-deploy:
+    needs: generate-build-number
+    runs-on: ubuntu-latest
+    steps:
+      - name: Docker Meta
+        id: meta
+        uses: docker/metadata-action@v4
+        with:
+          images: |
+            oneuptime/infrastructure
+            ghcr.io/oneuptime/infrastructure
+          tags: |
+            type=raw,value=test,enable=true
+            type=semver,value=7.0.${{needs.generate-build-number.outputs.build_number}}-test,pattern={{version}},enable=true
+            
+
+      - uses: actions/checkout@v4
+        with:
+          ref: ${{ github.ref }}
+
+      - uses: actions/setup-node@v2
+        with:
+          node-version: 18.3.0
+
+      - name: Set up QEMU
+        uses: docker/setup-qemu-action@v2
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v2
+
+      - name: Generate Dockerfile from Dockerfile.tpl
+        run: npm run prerun
+
+      # Build and deploy infrastructure.
+
+      - name: Login to Docker Hub 
+        uses: docker/login-action@v2.2.0
+        with:
+          username: ${{ secrets.DOCKERHUB_USERNAME }}
+          password: ${{ secrets.DOCKERHUB_PASSWORD }}
+
+      - name: Login to GitHub Container Registry
+        uses: docker/login-action@v2.2.0
+        with:
+          registry: ghcr.io
+          username: ${{ github.repository_owner }}
+          password: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Build and push
+        uses: docker/build-push-action@v4
+        with:
+          file: ./InfrastructureAgent/Dockerfile
+          context: .
+          platforms: linux/amd64,linux/arm64
+          push: true
+          tags: ${{ steps.meta.outputs.tags }}
+          labels: ${{ steps.meta.outputs.labels }}
+          build-args: |
+            GIT_SHA=${{ github.sha }}
+            APP_VERSION=7.0.${{needs.generate-build-number.outputs.build_number}}
+
+  
+
   test-helm-chart:
     runs-on: ubuntu-latest
-    needs: [test-server-docker-image-deploy, test-docker-image-deploy, ingestor-docker-image-deploy, probe-docker-image-deploy, haraka-docker-image-deploy, dashboard-docker-image-deploy, admin-dashboard-docker-image-deploy, app-docker-image-deploy, accounts-docker-image-deploy, otel-collector-docker-image-deploy, status-page-docker-image-deploy, nginx-docker-image-deploy]
+    needs: [ infrastructure-agent-docker-image-deploy, isolated-vm-docker-image-deploy,  test-server-docker-image-deploy, test-docker-image-deploy, ingestor-docker-image-deploy, probe-docker-image-deploy, haraka-docker-image-deploy, dashboard-docker-image-deploy, admin-dashboard-docker-image-deploy, app-docker-image-deploy, accounts-docker-image-deploy, otel-collector-docker-image-deploy, status-page-docker-image-deploy, nginx-docker-image-deploy]
     env:
       CI_PIPELINE_ID: ${{github.run_number}}
     steps:
@@ -763,4 +888,4 @@ jobs:
       - uses: actions/setup-node@v2
         with:
           node-version: 18.3.0
-      - run: cd HelmChart && cd Tests && bash index.sh
+      - run: cd HelmChart && cd Tests && bash index.sh

.github/workflows/test.probe.yaml

@@ -9,7 +9,7 @@ on:
 
 jobs:
   test:
-    runs-on: self-hosted # this needs to be self-hosted because ICMP checks are disbled in hosted runners
+    runs-on: ubuntu-latest
     env:
       CI_PIPELINE_ID: ${{github.run_number}}
     steps:

.gitignore

@@ -98,4 +98,13 @@ Llama/Models/llama*
 
 Llama/__pycache__/*
 
-Examples/otel-dotnet/obj/*
+Examples/otel-dotnet/obj/*
+
+InfrastructureAgent/sea-prep.blob
+InfrastructureAgent/InfrastructureAgent
+InfrastructureAgent/build/*
+
+
+InfrastructureAgent/err.log
+InfrastructureAgent/out.log
+InfrastructureAgent/daemon.pid

.vscode/launch.json

@@ -83,6 +83,20 @@
             "restart": true,
             "autoAttachChildProcesses": true
         },
+        {
+            "address": "127.0.0.1",
+            "localRoot": "${workspaceFolder}/IsolatedVM",
+            "name": "Isolated VM: Debug with Docker",
+            "port": 9974,
+            "remoteRoot": "/usr/src/app",
+            "request": "attach",
+            "skipFiles": [
+                "<node_internals>/**"
+            ],
+            "type": "node",
+            "restart": true,
+            "autoAttachChildProcesses": true
+        },
         {
             "address": "127.0.0.1",
             "localRoot": "${workspaceFolder}/Workflow",
@@ -139,34 +153,6 @@
             "restart": true,
             "autoAttachChildProcesses": true
         },
-        {
-            "address": "127.0.0.1",
-            "localRoot": "${workspaceFolder}/Ingestor",
-            "name": "Probe API: Debug with Docker",
-            "port": 9251,
-            "remoteRoot": "/usr/src/app",
-            "request": "attach",
-            "skipFiles": [
-                "<node_internals>/**"
-            ],
-            "type": "node",
-            "restart": true,
-            "autoAttachChildProcesses": true
-        },
-        {
-            "address": "127.0.0.1",
-            "localRoot": "${workspaceFolder}/Identity",
-            "name": "File: Debug with Docker",
-            "port": 9012,
-            "remoteRoot": "/usr/src/app",
-            "request": "attach",
-            "skipFiles": [
-                "<node_internals>/**"
-            ],
-            "type": "node",
-            "restart": true,
-            "autoAttachChildProcesses": true
-        },
         {
             "address": "127.0.0.1",
             "localRoot": "${workspaceFolder}/HttpTestServer",

Accounts/Dockerfile.tpl

@@ -3,7 +3,7 @@
 #
 
 # Pull base image nodejs image.
-FROM node:21.6-alpine3.18
+FROM node:21.7.2-alpine3.18
 RUN mkdir /tmp/npm &&  chmod 2777 /tmp/npm && chown 1000:1000 /tmp/npm && npm config set cache /tmp/npm --global
 
 
@@ -14,6 +14,10 @@ ENV GIT_SHA=${GIT_SHA}
 ENV APP_VERSION=${APP_VERSION}
 
 
+# IF APP_VERSION is not set, set it to 1.0.0
+RUN if [ -z "$APP_VERSION" ]; then export APP_VERSION=1.0.0; fi
+
+
 # Install bash. 
 RUN apk add bash && apk add curl
 
@@ -25,6 +29,8 @@ RUN mkdir /usr/src
 
 WORKDIR /usr/src/Common
 COPY ./Common/package*.json /usr/src/Common/
+# Set version in ./Common/package.json to the APP_VERSION
+RUN sed -i "s/\"version\": \".*\"/\"version\": \"$APP_VERSION\"/g" /usr/src/Common/package.json
 RUN npm install
 COPY ./Common /usr/src/Common
 
@@ -32,6 +38,8 @@ COPY ./Common /usr/src/Common
 
 WORKDIR /usr/src/Model
 COPY ./Model/package*.json /usr/src/Model/
+# Set version in ./Model/package.json to the APP_VERSION
+RUN sed -i "s/\"version\": \".*\"/\"version\": \"$APP_VERSION\"/g" /usr/src/Model/package.json
 RUN npm install
 COPY ./Model /usr/src/Model
 
@@ -39,6 +47,8 @@ COPY ./Model /usr/src/Model
 
 WORKDIR /usr/src/CommonServer
 COPY ./CommonServer/package*.json /usr/src/CommonServer/
+# Set version in ./CommonServer/package.json to the APP_VERSION
+RUN sed -i "s/\"version\": \".*\"/\"version\": \"$APP_VERSION\"/g" /usr/src/CommonServer/package.json
 RUN npm install
 COPY ./CommonServer /usr/src/CommonServer
 
@@ -49,6 +59,8 @@ COPY ./CommonServer /usr/src/CommonServer
 
 WORKDIR /usr/src/CommonUI
 COPY ./CommonUI/package*.json /usr/src/CommonUI/
+# Set version in ./CommonUI/package.json to the APP_VERSION
+RUN sed -i "s/\"version\": \".*\"/\"version\": \"$APP_VERSION\"/g" /usr/src/CommonUI/package.json
 RUN npm install --force
 COPY ./CommonUI /usr/src/CommonUI
 

Accounts/package-lock.json

@@ -1,24 +1,24 @@
 {
-    "name": "accounts",
+    "name": "@oneuptime/accounts",
     "version": "0.1.0",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
-            "name": "accounts",
+            "name": "@oneuptime/accounts",
             "version": "0.1.0",
             "dependencies": {
                 "Common": "file:../Common",
                 "CommonServer": "file:../CommonServer",
                 "CommonUI": "file:../CommonUI",
                 "css-loader": "^6.10.0",
-                "dotenv": "^16.4.1",
-                "express": "^4.18.2",
+                "dotenv": "^16.4.5",
+                "express": "^4.19.2",
                 "file-loader": "^6.2.0",
                 "Model": "file:../Model",
                 "react": "^18.2.0",
                 "react-dom": "^18.1.0",
-                "react-router-dom": "^6.21.3",
+                "react-router-dom": "^6.22.2",
                 "sass-loader": "^13.3.3",
                 "style-loader": "^3.3.4",
                 "ts-loader": "^9.5.1",
@@ -265,9 +265,9 @@
             }
         },
         "node_modules/@remix-run/router": {
-            "version": "1.14.2",
-            "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.14.2.tgz",
-            "integrity": "sha512-ACXpdMM9hmKZww21yEqWwiLws/UPLhNKvimN8RrYSqPSvB3ov7sLvAcfvaxePeLvccTQKGdkDIhLYApZVDFuKg==",
+            "version": "1.15.2",
+            "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.15.2.tgz",
+            "integrity": "sha512-+Rnav+CaoTE5QJc4Jcwh5toUpnVLKYbpU6Ys0zqbakqbaLQHeglLVHPfxOiQqdNmUy5C2lXz5dwC6tQNX2JW2Q==",
             "engines": {
                 "node": ">=14.0.0"
             }
@@ -660,12 +660,12 @@
             }
         },
         "node_modules/body-parser": {
-            "version": "1.20.1",
-            "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.1.tgz",
-            "integrity": "sha512-jWi7abTbYwajOytWCQc37VulmWiRae5RyTpaCyDcS5/lMdtwSz5lOpDE67srw/HYe35f1z3fDQw+3txg7gNtWw==",
+            "version": "1.20.2",
+            "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.2.tgz",
+            "integrity": "sha512-ml9pReCu3M61kGlqoTm2umSXTlRTuGTx0bfYj+uIUKKYycG5NtSbeetV3faSU6R7ajOPw0g/J1PvK4qNy7s5bA==",
             "dependencies": {
                 "bytes": "3.1.2",
-                "content-type": "~1.0.4",
+                "content-type": "~1.0.5",
                 "debug": "2.6.9",
                 "depd": "2.0.0",
                 "destroy": "1.2.0",
@@ -673,7 +673,7 @@
                 "iconv-lite": "0.4.24",
                 "on-finished": "2.4.1",
                 "qs": "6.11.0",
-                "raw-body": "2.5.1",
+                "raw-body": "2.5.2",
                 "type-is": "~1.6.18",
                 "unpipe": "1.0.0"
             },
@@ -761,13 +761,18 @@
             }
         },
         "node_modules/call-bind": {
-            "version": "1.0.5",
-            "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.5.tgz",
-            "integrity": "sha512-C3nQxfFZxFRVoJoGKKI8y3MOEo129NQ+FgQ08iye+Mk4zNZZGdjfs06bVTr+DBSlA66Q2VEcMki/cUCP4SercQ==",
+            "version": "1.0.7",
+            "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz",
+            "integrity": "sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==",
             "dependencies": {
+                "es-define-property": "^1.0.0",
+                "es-errors": "^1.3.0",
                 "function-bind": "^1.1.2",
-                "get-intrinsic": "^1.2.1",
-                "set-function-length": "^1.1.1"
+                "get-intrinsic": "^1.2.4",
+                "set-function-length": "^1.2.1"
+            },
+            "engines": {
+                "node": ">= 0.4"
             },
             "funding": {
                 "url": "https://github.com/sponsors/ljharb"
@@ -920,9 +925,9 @@
             }
         },
         "node_modules/cookie": {
-            "version": "0.5.0",
-            "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.5.0.tgz",
-            "integrity": "sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==",
+            "version": "0.6.0",
+            "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.6.0.tgz",
+            "integrity": "sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==",
             "engines": {
                 "node": ">= 0.6"
             }
@@ -999,16 +1004,19 @@
             }
         },
         "node_modules/define-data-property": {
-            "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.1.tgz",
-            "integrity": "sha512-E7uGkTzkk1d0ByLeSc6ZsFS79Axg+m1P/VsgYsxHgiuc3tFSj+MjMIwe90FC4lOAZzNBdY7kkO2P2wKdsQ1vgQ==",
+            "version": "1.1.4",
+            "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+            "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
             "dependencies": {
-                "get-intrinsic": "^1.2.1",
-                "gopd": "^1.0.1",
-                "has-property-descriptors": "^1.0.0"
+                "es-define-property": "^1.0.0",
+                "es-errors": "^1.3.0",
+                "gopd": "^1.0.1"
             },
             "engines": {
                 "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
             }
         },
         "node_modules/depd": {
@@ -1038,14 +1046,14 @@
             }
         },
         "node_modules/dotenv": {
-            "version": "16.4.1",
-            "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.4.1.tgz",
-            "integrity": "sha512-CjA3y+Dr3FyFDOAMnxZEGtnW9KBR2M0JvvUtXNW+dYJL5ROWxP9DUHCwgFqpMk0OXCc0ljhaNTr2w/kutYIcHQ==",
+            "version": "16.4.5",
+            "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.4.5.tgz",
+            "integrity": "sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg==",
             "engines": {
                 "node": ">=12"
             },
             "funding": {
-                "url": "https://github.com/motdotla/dotenv?sponsor=1"
+                "url": "https://dotenvx.com"
             }
         },
         "node_modules/ee-first": {
@@ -1086,6 +1094,25 @@
                 "node": ">=10.13.0"
             }
         },
+        "node_modules/es-define-property": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz",
+            "integrity": "sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==",
+            "dependencies": {
+                "get-intrinsic": "^1.2.4"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/es-errors": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+            "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
         "node_modules/es-module-lexer": {
             "version": "1.4.1",
             "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.4.1.tgz",
@@ -1160,16 +1187,16 @@
             }
         },
         "node_modules/express": {
-            "version": "4.18.2",
-            "resolved": "https://registry.npmjs.org/express/-/express-4.18.2.tgz",
-            "integrity": "sha512-5/PsL6iGPdfQ/lKM1UuielYgv3BUoJfz1aUwU9vHZ+J7gyvwdQXFEBIEIaxeGf0GIcreATNyBExtalisDbuMqQ==",
+            "version": "4.19.2",
+            "resolved": "https://registry.npmjs.org/express/-/express-4.19.2.tgz",
+            "integrity": "sha512-5T6nhjsT+EOMzuck8JjBHARTHfMht0POzlA60WV2pMD3gyXw2LZnZ+ueGdNxG+0calOJcWKbpFcuzLZ91YWq9Q==",
             "dependencies": {
                 "accepts": "~1.3.8",
                 "array-flatten": "1.1.1",
-                "body-parser": "1.20.1",
+                "body-parser": "1.20.2",
                 "content-disposition": "0.5.4",
                 "content-type": "~1.0.4",
-                "cookie": "0.5.0",
+                "cookie": "0.6.0",
                 "cookie-signature": "1.0.6",
                 "debug": "2.6.9",
                 "depd": "2.0.0",
@@ -1322,15 +1349,19 @@
             }
         },
         "node_modules/get-intrinsic": {
-            "version": "1.2.2",
-            "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.2.tgz",
-            "integrity": "sha512-0gSo4ml/0j98Y3lngkFEot/zhiCeWsbYIlZ+uZOVgzLyLaUw7wxUL+nCTP0XJvJg1AXulJRI3UJi8GsbDuxdGA==",
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz",
+            "integrity": "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==",
             "dependencies": {
+                "es-errors": "^1.3.0",
                 "function-bind": "^1.1.2",
                 "has-proto": "^1.0.1",
                 "has-symbols": "^1.0.3",
                 "hasown": "^2.0.0"
             },
+            "engines": {
+                "node": ">= 0.4"
+            },
             "funding": {
                 "url": "https://github.com/sponsors/ljharb"
             }
@@ -1378,20 +1409,20 @@
             }
         },
         "node_modules/has-property-descriptors": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.1.tgz",
-            "integrity": "sha512-VsX8eaIewvas0xnvinAe9bw4WfIeODpGYikiWYLH+dma0Jw6KHYqWiWfhQlgOVK8D6PvjubK5Uc4P0iIhIcNVg==",
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+            "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
             "dependencies": {
-                "get-intrinsic": "^1.2.2"
+                "es-define-property": "^1.0.0"
             },
             "funding": {
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
         "node_modules/has-proto": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz",
-            "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==",
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.3.tgz",
+            "integrity": "sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==",
             "engines": {
                 "node": ">= 0.4"
             },
@@ -1411,9 +1442,9 @@
             }
         },
         "node_modules/hasown": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.0.tgz",
-            "integrity": "sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==",
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+            "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
             "dependencies": {
                 "function-bind": "^1.1.2"
             },
@@ -2017,9 +2048,9 @@
             }
         },
         "node_modules/raw-body": {
-            "version": "2.5.1",
-            "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.1.tgz",
-            "integrity": "sha512-qqJBtEyVgS0ZmPGdCFPWJ3FreoqvG4MVQln/kCgF7Olq95IbOp0/BWyMwbdtn4VTvkM8Y7khCQ2Xgk/tcrCXig==",
+            "version": "2.5.2",
+            "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.2.tgz",
+            "integrity": "sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==",
             "dependencies": {
                 "bytes": "3.1.2",
                 "http-errors": "2.0.0",
@@ -2054,11 +2085,11 @@
             }
         },
         "node_modules/react-router": {
-            "version": "6.21.3",
-            "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.21.3.tgz",
-            "integrity": "sha512-a0H638ZXULv1OdkmiK6s6itNhoy33ywxmUFT/xtSoVyf9VnC7n7+VT4LjVzdIHSaF5TIh9ylUgxMXksHTgGrKg==",
+            "version": "6.22.2",
+            "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.22.2.tgz",
+            "integrity": "sha512-YD3Dzprzpcq+tBMHBS822tCjnWD3iIZbTeSXMY9LPSG541EfoBGyZ3bS25KEnaZjLcmQpw2AVLkFyfgXY8uvcw==",
             "dependencies": {
-                "@remix-run/router": "1.14.2"
+                "@remix-run/router": "1.15.2"
             },
             "engines": {
                 "node": ">=14.0.0"
@@ -2068,12 +2099,12 @@
             }
         },
         "node_modules/react-router-dom": {
-            "version": "6.21.3",
-            "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.21.3.tgz",
-            "integrity": "sha512-kNzubk7n4YHSrErzjLK72j0B5i969GsuCGazRl3G6j1zqZBLjuSlYBdVdkDOgzGdPIffUOc9nmgiadTEVoq91g==",
+            "version": "6.22.2",
+            "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.22.2.tgz",
+            "integrity": "sha512-WgqxD2qySEIBPZ3w0sHH+PUAiamDeszls9tzqMPBDA1YYVucTBXLU7+gtRfcSnhe92A3glPnvSxK2dhNoAVOIQ==",
             "dependencies": {
-                "@remix-run/router": "1.14.2",
-                "react-router": "6.21.3"
+                "@remix-run/router": "1.15.2",
+                "react-router": "6.22.2"
             },
             "engines": {
                 "node": ">=14.0.0"
@@ -2253,14 +2284,16 @@
             }
         },
         "node_modules/set-function-length": {
-            "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.1.1.tgz",
-            "integrity": "sha512-VoaqjbBJKiWtg4yRcKBQ7g7wnGnLV3M8oLvVWwOk2PdYY6PEFegR1vezXR0tw6fZGF9csVakIRjrJiy2veSBFQ==",
+            "version": "1.2.2",
+            "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
+            "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
             "dependencies": {
-                "define-data-property": "^1.1.1",
-                "get-intrinsic": "^1.2.1",
+                "define-data-property": "^1.1.4",
+                "es-errors": "^1.3.0",
+                "function-bind": "^1.1.2",
+                "get-intrinsic": "^1.2.4",
                 "gopd": "^1.0.1",
-                "has-property-descriptors": "^1.0.0"
+                "has-property-descriptors": "^1.0.2"
             },
             "engines": {
                 "node": ">= 0.4"
@@ -2272,13 +2305,17 @@
             "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw=="
         },
         "node_modules/side-channel": {
-            "version": "1.0.4",
-            "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
-            "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
+            "version": "1.0.6",
+            "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.6.tgz",
+            "integrity": "sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==",
             "dependencies": {
-                "call-bind": "^1.0.0",
-                "get-intrinsic": "^1.0.2",
-                "object-inspect": "^1.9.0"
+                "call-bind": "^1.0.7",
+                "es-errors": "^1.3.0",
+                "get-intrinsic": "^1.2.4",
+                "object-inspect": "^1.13.1"
+            },
+            "engines": {
+                "node": ">= 0.4"
             },
             "funding": {
                 "url": "https://github.com/sponsors/ljharb"

Accounts/package.json

@@ -1,5 +1,5 @@
 {
-    "name": "accounts",
+    "name": "@oneuptime/accounts",
     "version": "0.1.0",
     "private": false,
     "scripts": {
@@ -30,13 +30,13 @@
         "CommonServer": "file:../CommonServer",
         "CommonUI": "file:../CommonUI",
         "css-loader": "^6.10.0",
-        "dotenv": "^16.4.1",
-        "express": "^4.18.2",
+        "dotenv": "^16.4.5",
+        "express": "^4.19.2",
         "file-loader": "^6.2.0",
         "Model": "file:../Model",
         "react": "^18.2.0",
         "react-dom": "^18.1.0",
-        "react-router-dom": "^6.21.3",
+        "react-router-dom": "^6.22.3",
         "sass-loader": "^13.3.3",
         "style-loader": "^3.3.4",
         "ts-loader": "^9.5.1",

Accounts/tsconfig.json

@@ -3,7 +3,8 @@
         // these options are overrides used only by ts-node
         // same as the --compilerOptions flag and the TS_NODE_COMPILER_OPTIONS environment variable
         "compilerOptions": {
-            "module": "commonjs"
+            "module": "commonjs",
+            "resolveJsonModule": true, 
         }
     },
     "compilerOptions": {
@@ -105,6 +106,7 @@
 
         /* Completeness */
         // "skipDefaultLibCheck": true,                      /* Skip type checking .d.ts files that are included with TypeScript. */
-        "skipLibCheck": true /* Skip type checking all .d.ts files. */
+                "skipLibCheck": true, /* Skip type checking all .d.ts files. */
+        "resolveJsonModule": true
     }
 }

AdminDashboard/Dockerfile.tpl

@@ -3,7 +3,7 @@
 #
 
 # Pull base image nodejs image.
-FROM node:21.6-alpine3.18
+FROM node:21.7.2-alpine3.18
 RUN mkdir /tmp/npm &&  chmod 2777 /tmp/npm && chown 1000:1000 /tmp/npm && npm config set cache /tmp/npm --global
 
 
@@ -14,6 +14,10 @@ ENV GIT_SHA=${GIT_SHA}
 ENV APP_VERSION=${APP_VERSION}
 
 
+# IF APP_VERSION is not set, set it to 1.0.0
+RUN if [ -z "$APP_VERSION" ]; then export APP_VERSION=1.0.0; fi
+
+
 # Install bash. 
 RUN apk add bash && apk add curl
 
@@ -25,12 +29,16 @@ RUN mkdir /usr/src
 
 WORKDIR /usr/src/Common
 COPY ./Common/package*.json /usr/src/Common/
+# Set version in ./Common/package.json to the APP_VERSION
+RUN sed -i "s/\"version\": \".*\"/\"version\": \"$APP_VERSION\"/g" /usr/src/Common/package.json
 RUN npm install
 COPY ./Common /usr/src/Common
 
 
 WORKDIR /usr/src/Model
 COPY ./Model/package*.json /usr/src/Model/
+# Set version in ./Model/package.json to the APP_VERSION
+RUN sed -i "s/\"version\": \".*\"/\"version\": \"$APP_VERSION\"/g" /usr/src/Model/package.json
 RUN npm install
 COPY ./Model /usr/src/Model
 
@@ -38,6 +46,8 @@ COPY ./Model /usr/src/Model
 
 WORKDIR /usr/src/CommonServer
 COPY ./CommonServer/package*.json /usr/src/CommonServer/
+# Set version in ./CommonServer/package.json to the APP_VERSION
+RUN sed -i "s/\"version\": \".*\"/\"version\": \"$APP_VERSION\"/g" /usr/src/CommonServer/package.json
 RUN npm install
 COPY ./CommonServer /usr/src/CommonServer
 
@@ -48,6 +58,8 @@ COPY ./CommonServer /usr/src/CommonServer
 
 WORKDIR /usr/src/CommonUI
 COPY ./CommonUI/package*.json /usr/src/CommonUI/
+# Set version in ./CommonUI/package.json to the APP_VERSION
+RUN sed -i "s/\"version\": \".*\"/\"version\": \"$APP_VERSION\"/g" /usr/src/CommonUI/package.json
 RUN npm install --force
 COPY ./CommonUI /usr/src/CommonUI
 

AdminDashboard/package-lock.json

@@ -1,22 +1,22 @@
 {
-    "name": "admin-dashboard",
+    "name": "@oneuptime/admin-dashboard",
     "version": "0.1.0",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
-            "name": "admin-dashboard",
+            "name": "@oneuptime/admin-dashboard",
             "version": "0.1.0",
             "dependencies": {
                 "Common": "file:../Common",
                 "CommonServer": "file:../CommonServer",
                 "CommonUI": "file:../CommonUI",
-                "dotenv": "^16.4.1",
+                "dotenv": "^16.4.5",
                 "file-loader": "^6.2.0",
                 "Model": "file:../Model",
                 "react": "^18.2.0",
                 "react-dom": "^18.1.0",
-                "react-router-dom": "^6.21.3",
+                "react-router-dom": "^6.22.2",
                 "style-loader": "^3.3.4"
             },
             "devDependencies": {
@@ -4009,9 +4009,9 @@
             }
         },
         "node_modules/@remix-run/router": {
-            "version": "1.14.2",
-            "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.14.2.tgz",
-            "integrity": "sha512-ACXpdMM9hmKZww21yEqWwiLws/UPLhNKvimN8RrYSqPSvB3ov7sLvAcfvaxePeLvccTQKGdkDIhLYApZVDFuKg==",
+            "version": "1.15.2",
+            "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.15.2.tgz",
+            "integrity": "sha512-+Rnav+CaoTE5QJc4Jcwh5toUpnVLKYbpU6Ys0zqbakqbaLQHeglLVHPfxOiQqdNmUy5C2lXz5dwC6tQNX2JW2Q==",
             "engines": {
                 "node": ">=14.0.0"
             }
@@ -7915,14 +7915,14 @@
             }
         },
         "node_modules/dotenv": {
-            "version": "16.4.1",
-            "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.4.1.tgz",
-            "integrity": "sha512-CjA3y+Dr3FyFDOAMnxZEGtnW9KBR2M0JvvUtXNW+dYJL5ROWxP9DUHCwgFqpMk0OXCc0ljhaNTr2w/kutYIcHQ==",
+            "version": "16.4.5",
+            "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.4.5.tgz",
+            "integrity": "sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg==",
             "engines": {
                 "node": ">=12"
             },
             "funding": {
-                "url": "https://github.com/motdotla/dotenv?sponsor=1"
+                "url": "https://dotenvx.com"
             }
         },
         "node_modules/dotenv-expand": {
@@ -16936,11 +16936,11 @@
             }
         },
         "node_modules/react-router": {
-            "version": "6.21.3",
-            "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.21.3.tgz",
-            "integrity": "sha512-a0H638ZXULv1OdkmiK6s6itNhoy33ywxmUFT/xtSoVyf9VnC7n7+VT4LjVzdIHSaF5TIh9ylUgxMXksHTgGrKg==",
+            "version": "6.22.2",
+            "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.22.2.tgz",
+            "integrity": "sha512-YD3Dzprzpcq+tBMHBS822tCjnWD3iIZbTeSXMY9LPSG541EfoBGyZ3bS25KEnaZjLcmQpw2AVLkFyfgXY8uvcw==",
             "dependencies": {
-                "@remix-run/router": "1.14.2"
+                "@remix-run/router": "1.15.2"
             },
             "engines": {
                 "node": ">=14.0.0"
@@ -16950,12 +16950,12 @@
             }
         },
         "node_modules/react-router-dom": {
-            "version": "6.21.3",
-            "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.21.3.tgz",
-            "integrity": "sha512-kNzubk7n4YHSrErzjLK72j0B5i969GsuCGazRl3G6j1zqZBLjuSlYBdVdkDOgzGdPIffUOc9nmgiadTEVoq91g==",
+            "version": "6.22.2",
+            "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.22.2.tgz",
+            "integrity": "sha512-WgqxD2qySEIBPZ3w0sHH+PUAiamDeszls9tzqMPBDA1YYVucTBXLU7+gtRfcSnhe92A3glPnvSxK2dhNoAVOIQ==",
             "dependencies": {
-                "@remix-run/router": "1.14.2",
-                "react-router": "6.21.3"
+                "@remix-run/router": "1.15.2",
+                "react-router": "6.22.2"
             },
             "engines": {
                 "node": ">=14.0.0"

AdminDashboard/package.json

@@ -1,17 +1,17 @@
 {
-    "name": "admin-dashboard",
+    "name": "@oneuptime/admin-dashboard",
     "version": "0.1.0",
     "private": false,
     "dependencies": {
         "Common": "file:../Common",
         "CommonServer": "file:../CommonServer",
         "CommonUI": "file:../CommonUI",
-        "dotenv": "^16.4.1",
+        "dotenv": "^16.4.5",
         "file-loader": "^6.2.0",
         "Model": "file:../Model",
         "react": "^18.2.0",
         "react-dom": "^18.1.0",
-        "react-router-dom": "^6.21.3",
+        "react-router-dom": "^6.22.3",
         "style-loader": "^3.3.4"
     },
     "scripts": {

AdminDashboard/src/App.tsx

@@ -19,7 +19,7 @@ import Users from './Pages/Users/Index';
 import Logout from './Pages/Logout/Logout';
 
 // Settings Pages.
-import SettingsEmail from './Pages/Settings/SMTP/Index';
+import SettingsEmail from './Pages/Settings/Email/Index';
 import SettingsCallSMS from './Pages/Settings/CallSMS/Index';
 import SettingsProbes from './Pages/Settings/Probes/Index';
 import SettingsAuthentication from './Pages/Settings/Authentication/Index';

AdminDashboard/src/Components/Header/ProjectPicker.tsx

@@ -41,7 +41,7 @@ const DashboardProjectPicker: FunctionComponent<ComponentProps> = (
         return (
             <Toggle
                 title="Yearly Plan"
-                initialValue={isSubscriptionPlanYearly}
+                value={isSubscriptionPlanYearly}
                 description="(Save 20%)"
                 onChange={(value: boolean) => {
                     setIsSubscriptionPlanYearly(value);

AdminDashboard/src/Pages/Projects/Index.tsx

@@ -164,7 +164,7 @@ const Projects: FunctionComponent = (): ReactElement => {
         return (
             <Toggle
                 title="Yearly Plan"
-                initialValue={isSubscriptionPlanYearly}
+                value={isSubscriptionPlanYearly}
                 description="(Save 20%)"
                 onChange={(value: boolean) => {
                     setIsSubscriptionPlanYearly(value);
@@ -222,16 +222,30 @@ const Projects: FunctionComponent = (): ReactElement => {
                 noItemsMessage={'No projects found.'}
                 formFields={fields}
                 showRefreshButton={true}
-                showFilterButton={true}
                 viewPageRoute={Navigation.getCurrentRoute()}
-                columns={[
+                filters={[
+                    {
+                        field: {
+                            name: true,
+                        },
+                        title: 'Name',
+                        type: FieldType.Text,
+                    },
+                    {
+                        field: {
+                            createdAt: true,
+                        },
+                        title: 'Created At',
+                        type: FieldType.DateTime,
+                    },
+                ]}
+                columns={[
                     {
                         field: {
                             name: true,
                         },
                         title: 'Name',
                         type: FieldType.Text,
-                        isFilterable: true,
                     },
                     {
                         field: {
@@ -239,7 +253,6 @@ const Projects: FunctionComponent = (): ReactElement => {
                         },
                         title: 'Created At',
                         type: FieldType.DateTime,
-                        isFilterable: true,
                     },
                 ]}
             />

AdminDashboard/src/Pages/Settings/Email/Index.tsx

@@ -15,7 +15,7 @@ import ErrorMessage from 'CommonUI/src/Components/ErrorMessage/ErrorMessage';
 import { JSONObject } from 'Common/Types/JSON';
 import DropdownUtil from 'CommonUI/src/Utils/Dropdown';
 import Pill from 'CommonUI/src/Components/Pill/Pill';
-import { Green, Red } from 'Common/Types/BrandColors';
+import { Green500, Red500 } from 'Common/Types/BrandColors';
 import { PromiseVoidFunction } from 'Common/Types/FunctionTypes';
 
 const Settings: FunctionComponent = (): ReactElement => {
@@ -89,6 +89,42 @@ const Settings: FunctionComponent = (): ReactElement => {
         >
             {/* Project Settings View  */}
 
+            <CardModelDetail
+                name="Admin Notification Email"
+                cardProps={{
+                    title: 'Admin Notification Email',
+                    description:
+                        'Enter the email address where you would like to receive admin-level notifications.',
+                }}
+                isEditable={true}
+                editButtonText="Edit Email"
+                formFields={[
+                    {
+                        field: {
+                            adminNotificationEmail: true,
+                        },
+                        title: 'Admin Notification Email',
+                        fieldType: FormFieldSchemaType.Email,
+                        required: false,
+                    },
+                ]}
+                modelDetailProps={{
+                    modelType: GlobalConfig,
+                    id: 'model-detail-global-config',
+                    fields: [
+                        {
+                            field: {
+                                adminNotificationEmail: true,
+                            },
+                            title: 'Admin Notification Email',
+                            fieldType: FieldType.Email,
+                            placeholder: 'None',
+                        },
+                    ],
+                    modelId: ObjectID.getZeroObjectID(),
+                }}
+            />
+
             <CardModelDetail
                 name="Internal SMTP Settings"
                 cardProps={{
@@ -183,7 +219,8 @@ const Settings: FunctionComponent = (): ReactElement => {
                             title: 'Use SSL / TLS',
                             stepId: 'server-info',
                             fieldType: FormFieldSchemaType.Toggle,
-                            description: 'Make email communication secure?',
+                            description:
+                                'If you use port 465, please enable this. Do not enable this if you use port 587.',
                         },
                         {
                             field: {
@@ -348,28 +385,28 @@ const Settings: FunctionComponent = (): ReactElement => {
                                         return (
                                             <Pill
                                                 text="Enabled"
-                                                color={Green}
+                                                color={Green500}
                                             />
                                         );
                                     } else if (!item['sendgridApiKey']) {
                                         return (
                                             <Pill
                                                 text="Not Enabled. Please add the API key."
-                                                color={Red}
+                                                color={Red500}
                                             />
                                         );
                                     } else if (!item['sendgridFromEmail']) {
                                         return (
                                             <Pill
                                                 text="Not Enabled. Please add the From Email."
-                                                color={Red}
+                                                color={Red500}
                                             />
                                         );
                                     } else if (!item['sendgridFromName']) {
                                         return (
                                             <Pill
                                                 text="Not Enabled. Please add the From Name."
-                                                color={Red}
+                                                color={Red500}
                                             />
                                         );
                                     }

AdminDashboard/src/Pages/Settings/Probes/Index.tsx

@@ -9,12 +9,11 @@ import Probe from 'Model/Models/Probe';
 import FieldType from 'CommonUI/src/Components/Types/FieldType';
 import { JSONObject } from 'Common/Types/JSON';
 import OneUptimeDate from 'Common/Types/Date';
-import { Green, Red } from 'Common/Types/BrandColors';
+import { Green500, Red500 } from 'Common/Types/BrandColors';
 import Statusbubble from 'CommonUI/src/Components/StatusBubble/StatusBubble';
 import ProbeElement from 'CommonUI/src/Components/Probe/Probe';
 import IsNull from 'Common/Types/BaseDatabase/IsNull';
 import Banner from 'CommonUI/src/Components/Banner/Banner';
-import URL from 'Common/Types/API/URL';
 import FormFieldSchemaType from 'CommonUI/src/Components/Forms/Types/FormFieldSchemaType';
 import { ButtonStyleType } from 'CommonUI/src/Components/Button/Button';
 import ConfirmModal from 'CommonUI/src/Components/Modal/ConfirmModal';
@@ -57,9 +56,7 @@ const Settings: FunctionComponent = (): ReactElement => {
                 openInNewTab={true}
                 title="Need help with setting up Global Probes?"
                 description="Here is a guide which will help you get set up"
-                link={URL.fromString(
-                    'https://github.com/OneUptime/oneuptime/blob/master/Docs/Probe/CustomProbe.md'
-                )}
+                link={Route.fromString('/docs/probe/custom-probe')}
             />
 
             <ModelTable<Probe>
@@ -81,7 +78,6 @@ const Settings: FunctionComponent = (): ReactElement => {
                 modelAPI={AdminModelAPI}
                 noItemsMessage={'No probes found.'}
                 showRefreshButton={true}
-                showFilterButton={true}
                 onBeforeCreate={(item: Probe) => {
                     item.isGlobalProbe = true;
                     return Promise.resolve(item);
@@ -146,6 +142,22 @@ const Settings: FunctionComponent = (): ReactElement => {
                         },
                     },
                 ]}
+                filters={[
+                    {
+                        field: {
+                            name: true,
+                        },
+                        title: 'Name',
+                        type: FieldType.Text,
+                    },
+                    {
+                        field: {
+                            description: true,
+                        },
+                        title: 'Description',
+                        type: FieldType.Text,
+                    },
+                ]}
                 columns={[
                     {
                         field: {
@@ -153,7 +165,7 @@ const Settings: FunctionComponent = (): ReactElement => {
                         },
                         title: 'Name',
                         type: FieldType.Text,
-                        isFilterable: true,
+
                         getElement: (item: JSONObject): ReactElement => {
                             return <ProbeElement probe={item} />;
                         },
@@ -164,7 +176,6 @@ const Settings: FunctionComponent = (): ReactElement => {
                         },
                         title: 'Description',
                         type: FieldType.Text,
-                        isFilterable: true,
                     },
                     {
                         field: {
@@ -172,7 +183,6 @@ const Settings: FunctionComponent = (): ReactElement => {
                         },
                         title: 'Status',
                         type: FieldType.Text,
-                        isFilterable: false,
                         getElement: (item: JSONObject): ReactElement => {
                             if (
                                 item &&
@@ -187,7 +197,7 @@ const Settings: FunctionComponent = (): ReactElement => {
                                 return (
                                     <Statusbubble
                                         text={'Connected'}
-                                        color={Green}
+                                        color={Green500}
                                         shouldAnimate={true}
                                     />
                                 );
@@ -196,7 +206,7 @@ const Settings: FunctionComponent = (): ReactElement => {
                             return (
                                 <Statusbubble
                                     text={'Disconnected'}
-                                    color={Red}
+                                    color={Red500}
                                     shouldAnimate={false}
                                 />
                             );

AdminDashboard/src/Pages/Users/Index.tsx

@@ -72,16 +72,37 @@ const Users: FunctionComponent = (): ReactElement => {
                     },
                 ]}
                 showRefreshButton={true}
-                showFilterButton={true}
                 viewPageRoute={Navigation.getCurrentRoute()}
-                columns={[
+                filters={[
+                    {
+                        field: {
+                            name: true,
+                        },
+                        title: 'Full Name',
+                        type: FieldType.Text,
+                    },
+                    {
+                        field: {
+                            email: true,
+                        },
+                        title: 'Email',
+                        type: FieldType.Email,
+                    },
+                    {
+                        field: {
+                            createdAt: true,
+                        },
+                        title: 'Created At',
+                        type: FieldType.DateTime,
+                    },
+                ]}
+                columns={[
                     {
                         field: {
                             name: true,
                         },
                         title: 'Full Name',
                         type: FieldType.Text,
-                        isFilterable: true,
                     },
                     {
                         field: {
@@ -89,7 +110,6 @@ const Users: FunctionComponent = (): ReactElement => {
                         },
                         title: 'Email',
                         type: FieldType.Email,
-                        isFilterable: true,
                     },
                     {
                         field: {
@@ -97,7 +117,6 @@ const Users: FunctionComponent = (): ReactElement => {
                         },
                         title: 'Created At',
                         type: FieldType.DateTime,
-                        isFilterable: true,
                     },
                 ]}
             />

AdminDashboard/tsconfig.json

@@ -3,7 +3,8 @@
         // these options are overrides used only by ts-node
         // same as the --compilerOptions flag and the TS_NODE_COMPILER_OPTIONS environment variable
         "compilerOptions": {
-            "module": "commonjs"
+            "module": "commonjs",
+            "resolveJsonModule": true, 
         }
     },
     "compilerOptions": {
@@ -105,6 +106,7 @@
 
         /* Completeness */
         // "skipDefaultLibCheck": true,                      /* Skip type checking .d.ts files that are included with TypeScript. */
-        "skipLibCheck": true /* Skip type checking all .d.ts files. */
+                "skipLibCheck": true, /* Skip type checking all .d.ts files. */
+        "resolveJsonModule": true
     }
 }

App/Dockerfile.tpl

@@ -14,6 +14,10 @@ ENV GIT_SHA=${GIT_SHA}
 ENV APP_VERSION=${APP_VERSION}
 
 
+# IF APP_VERSION is not set, set it to 1.0.0
+RUN if [ -z "$APP_VERSION" ]; then export APP_VERSION=1.0.0; fi
+
+
 # Install bash. 
 RUN apk add bash && apk add curl
 
@@ -29,12 +33,16 @@ RUN mkdir /usr/src
 
 WORKDIR /usr/src/Common
 COPY ./Common/package*.json /usr/src/Common/
+# Set version in ./Common/package.json to the APP_VERSION
+RUN sed -i "s/\"version\": \".*\"/\"version\": \"$APP_VERSION\"/g" /usr/src/Common/package.json
 RUN npm install
 COPY ./Common /usr/src/Common
 
 
 WORKDIR /usr/src/Model
 COPY ./Model/package*.json /usr/src/Model/
+# Set version in ./Model/package.json to the APP_VERSION
+RUN sed -i "s/\"version\": \".*\"/\"version\": \"$APP_VERSION\"/g" /usr/src/Model/package.json
 RUN npm install
 COPY ./Model /usr/src/Model
 
@@ -42,6 +50,8 @@ COPY ./Model /usr/src/Model
 
 WORKDIR /usr/src/CommonServer
 COPY ./CommonServer/package*.json /usr/src/CommonServer/
+# Set version in ./CommonServer/package.json to the APP_VERSION
+RUN sed -i "s/\"version\": \".*\"/\"version\": \"$APP_VERSION\"/g" /usr/src/CommonServer/package.json
 RUN npm install
 COPY ./CommonServer /usr/src/CommonServer
 
@@ -53,6 +63,8 @@ WORKDIR /usr/src/app
 
 # Install app dependencies
 COPY ./App/package*.json /usr/src/app/
+# Set version in ./App/package.json to the APP_VERSION
+RUN sed -i "s/\"version\": \".*\"/\"version\": \"$APP_VERSION\"/g" /usr/src/app/package.json
 RUN npm install
 
 # Expose ports.

App/FeatureSet/ApiReference/Service/Introduction.ts

@@ -18,7 +18,7 @@ export default class ServiceHandler {
 
         pageData.featuredResources = FeaturedResources;
         pageTitle = 'Introduction';
-        pageDescription = 'API Documentation for OneUptime';
+        pageDescription = 'API Reference for OneUptime';
 
         return res.render(`${ViewsPath}/pages/index`, {
             page: page,

App/FeatureSet/ApiReference/views/main/introduction.ejs

@@ -29,7 +29,7 @@
              </svg>
           </div>
        </div>
-       <h1 class="font-bold text-xl">API Documentation</h1>
+       <h1 class="font-bold text-xl">API Reference</h1>
        <p class="lead">Use the OneUptime API to access any resource in your projects, create automated
           workflows, and more
           and

App/FeatureSet/BaseAPI/Index.ts

@@ -426,15 +426,20 @@ import LogService, {
     LogService as LogServiceType,
 } from 'CommonServer/Services/LogService';
 
+import MonitorMetricsByMinute from 'Model/AnalyticsModels/MonitorMetricsByMinute';
+import MonitorMetricsByMinuteService, {
+    MonitorMetricsByMinuteService as MonitorMetricsByMinuteServiceType,
+} from 'CommonServer/Services/MonitorMetricsByMinuteService';
+
 import Span from 'Model/AnalyticsModels/Span';
 import SpanService, {
     SpanService as SpanServiceType,
 } from 'CommonServer/Services/SpanService';
 
-import UsageBilling from 'Model/Models/UsageBilling';
-import UsageBillingService, {
-    Service as UsageBillingServiceType,
-} from 'CommonServer/Services/UsageBillingService';
+import TelemetryUsageBilling from 'Model/Models/TelemetryUsageBilling';
+import TelemetryUsageBillingService, {
+    Service as TelemetryUsageBillingServiceType,
+} from 'CommonServer/Services/TelemetryUsageBillingService';
 import BaseAPI from 'CommonServer/API/BaseAPI';
 import BaseAnalyticsAPI from 'CommonServer/API/BaseAnalyticsAPI';
 
@@ -458,6 +463,14 @@ app.use(
     new BaseAnalyticsAPI<Log, LogServiceType>(Log, LogService).getRouter()
 );
 
+app.use(
+    `/${APP_NAME.toLocaleLowerCase()}`,
+    new BaseAnalyticsAPI<
+        MonitorMetricsByMinute,
+        MonitorMetricsByMinuteServiceType
+    >(MonitorMetricsByMinute, MonitorMetricsByMinuteService).getRouter()
+);
+
 app.use(
     `/${APP_NAME.toLocaleLowerCase()}`,
     new BaseAnalyticsAPI<Span, SpanServiceType>(Span, SpanService).getRouter()
@@ -465,9 +478,9 @@ app.use(
 
 app.use(
     `/${APP_NAME.toLocaleLowerCase()}`,
-    new BaseAPI<UsageBilling, UsageBillingServiceType>(
-        UsageBilling,
-        UsageBillingService
+    new BaseAPI<TelemetryUsageBilling, TelemetryUsageBillingServiceType>(
+        TelemetryUsageBilling,
+        TelemetryUsageBillingService
     ).getRouter()
 );
 

App/FeatureSet/Docs/Content/installation/local-development.md

@@ -1,4 +1,4 @@
-# Development
+# Local Development
 
 For local development you need to use docker-compose.dev.yml file. 
 

App/FeatureSet/Docs/Content/introduction/getting-started.md

@@ -0,0 +1,49 @@
+### OneUptime: The Complete Open-Source Observability Platform
+
+OneUptime is a comprehensive solution for monitoring and managing your online services. Whether you need to check the availability of your website, dashboard, API, or any other online resource, OneUptime can alert your team when downtime happens and keep your customers informed with a status page. OneUptime also helps you handle incidents, set up on-call rotations, run tests, secure your services, analyze logs, track performance, and debug errors.
+
+OneUptime replaces multiple tools with one integrated platform:
+
+
+##### Uptime Monitoring
+
+Monitor the availability and response time of your online services from multiple locations around the world. Get notified via email, SMS, Slack, or other channels when something goes wrong. Replace tools like Pingdom.
+
+
+##### Status Pages
+
+Communicate with your customers and stakeholders during downtime or maintenance. Create a custom-branded status page that shows the current status and history of your services. Replace tools like StatusPage.io.
+
+
+##### Incident Management
+
+Manage incidents from start to finish with a collaborative workflow. Create incident reports, assign tasks, update stakeholders, and document resolutions. Replace tools like Incident.io.
+
+
+##### On Call and Alerts
+
+Schedule on-call shifts for your team and define escalation policies. Ensure that the right person is notified at the right time when an incident occurs. Replace tools like PagerDuty.
+
+
+##### Logs Management
+
+Collect, store, and analyze logs from your online services. Search, filter, and visualize log data to gain insights and troubleshoot issues. Replace tools like Loggly.
+
+
+##### Workflows
+
+Integrate OneUptime with your existing tools and automate your workflows. Integrate with tools like Slack, Jira, GitHub, and 5000+ more.
+
+
+##### Application Performance Monitoring
+
+Measure and optimize the performance of your online apps and services. Track key metrics such as traces, response time, throughput, error rate, and user satisfaction. Replace tools like NewRelic and DataDog.
+
+##### Error Tracking
+
+Detect and diagnose errors in your online services. Get detailed error reports with stack traces, context, and user feedback. Replace tools like Sentry.
+
+##### Reliability Autopilot
+
+Scan your code and fix performance issues and errors automatically. Get recommendations for improving the reliability of your online services.
+

App/FeatureSet/Docs/Content/probe/ip-address.md

@@ -5,5 +5,7 @@ Please whitelist the following IP's in your firewall to allow our probes to moni
 - 51.159.99.250
 - 62.210.173.51
 - 51.159.101.36
+- 172.174.206.132
+- 57.151.99.117  
 
 These IP's can change, we will let you know in advance if this happens. 

App/FeatureSet/Docs/Content/telemetry/fluentd.md

@@ -36,13 +36,13 @@ You can find the full list of supported sources [here](https://www.fluentd.org/d
 
 On the telemetry service page, click on "Create Telemetry Service" button.
 
-![Create Service](/Docs/Telemetry/Images/CreateService.png)
+![Create Service](/docs/static/images/CreateService.png)
 
 Once you create a telemetry service, click on "View Service" and you will be redirected to the telemetry service page.
 
 Click on View Service Token and copy the token. You will need this token to configure the telemetry service. **Please keep this token safe.**
 
-![View Service](/Docs/Telemetry/Images/ViewServiceToken.png)
+![View Service](/docs/static/images/ViewServiceToken.png)
 
 
 ## Configuration

App/FeatureSet/Docs/Content/telemetry/open-telemetry.md

@@ -8,13 +8,13 @@ After you sign up to OneUptime and create a project. Click on more in the Naviga
 
 On the telemetry service page, click on "Create Telemetry Service" button.
 
-![Create Service](/Docs/Telemetry/Images/CreateService.png)
+![Create Service](/docs/static/images/CreateService.png)
 
 Once you create a telemetry service, click on "View Service" and you will be redirected to the telemetry service page.
 
 Click on View Service Token and copy the token. You will need this token to configure the telemetry service. Please keep this token safe.
 
-![View Service](/Docs/Telemetry/Images/ViewServiceToken.png)
+![View Service](/docs/static/images/ViewServiceToken.png)
 
 
 ### Step 2 - Configure the telemetry service in your application.

App/FeatureSet/Docs/Index.ts

@@ -5,18 +5,78 @@ import Express, {
     ExpressStatic,
     ExpressApplication,
 } from 'CommonServer/Utils/Express';
-import { StaticPath, ViewsPath } from './Utils/Config';
+import { ContentPath, StaticPath, ViewsPath } from './Utils/Config';
+import DocsNav, { NavGroup, NavLink } from './Utils/Nav';
+import LocalFile from 'CommonServer/Utils/LocalFile';
+import DocsRender from './Utils/Render';
+import logger from 'CommonServer/Utils/Logger';
 
 const app: ExpressApplication = Express.getExpressApp();
 
 app.get('/docs', (_req: ExpressRequest, res: ExpressResponse) => {
-    res.render(`${ViewsPath}/index`, {
-        support: false,
-        footerCards: true,
-        cta: true,
-        blackLogo: false,
-        requestDemoCta: false,
-    });
+    res.redirect('/docs/introduction/getting-started');
 });
 
+app.get(
+    '/docs/:categorypath/:pagepath',
+    async (_req: ExpressRequest, res: ExpressResponse) => {
+        try {
+            const fullPath: string =
+                `${_req.params['categorypath']}/${_req.params['pagepath']}`.toLowerCase();
+
+            // read file from Content folder.
+            let contentInMarkdown: string = await LocalFile.read(
+                `${ContentPath}/${fullPath}.md`
+            );
+
+            // remove first line from content because we dont want to show title in content. Title is already in nav.
+
+            contentInMarkdown = contentInMarkdown
+                .split('\n')
+                .slice(1)
+                .join('\n');
+
+            const renderedContent: string = await DocsRender.render(
+                contentInMarkdown
+            );
+
+            const currentCategory: NavGroup | undefined = DocsNav.find(
+                (category: NavGroup) => {
+                    return category.links.find((link: NavLink) => {
+                        return link.url.toLocaleLowerCase().includes(fullPath);
+                    });
+                }
+            );
+
+            const currrentNavLink: NavLink | undefined =
+                currentCategory?.links.find((link: NavLink) => {
+                    return link.url.toLocaleLowerCase().includes(fullPath);
+                });
+
+            if (!currentCategory || !currrentNavLink) {
+                // render not found.
+
+                res.status(404);
+                return res.render(`${ViewsPath}/NotFound`, {
+                    nav: DocsNav,
+                });
+            }
+
+            res.render(`${ViewsPath}/Index`, {
+                nav: DocsNav,
+                content: renderedContent,
+                category: currentCategory,
+                link: currrentNavLink,
+                githubPath: fullPath,
+            });
+        } catch (err) {
+            logger.error(err);
+            res.status(500);
+            return res.render(`${ViewsPath}/ServerError`, {
+                nav: DocsNav,
+            });
+        }
+    }
+);
+
 app.use('/docs/static', ExpressStatic(StaticPath));

App/FeatureSet/Docs/Static/scripts/infrastructure-agent/install-linux.sh

@@ -0,0 +1,54 @@
+#!/bin/bash
+
+# Check if this is debian based
+
+# Check if system supports apt-get
+
+if [ -x "$(command -v apt-get)" ]; then
+    # Update apt-get
+    sudo apt-get update
+    # Install build-essential
+    sudo apt-get install build-essential -y
+fi
+
+# Check if system supports yum
+if [ -x "$(command -v yum)" ]; then
+    # Update yum
+    sudo yum update
+    # Install build-essential
+    sudo yum install gcc-c++ make -y
+fi
+
+# Check if system supports apk
+if [ -x "$(command -v apk)" ]; then
+    # Update apk
+    sudo apk update
+    # Install build-essential
+    sudo apk add build-base
+fi
+
+
+# Install NVM
+curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash
+
+# Export to path
+export NVM_DIR="$HOME/.nvm"
+[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm
+[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  # This loads nvm bash_completion
+
+
+# Refresh bash 
+source ~/.bashrc
+
+# Install latest Node.js via NVM
+nvm install node
+
+# Make this nodejs version the default
+nvm alias default node
+
+# Use the default version
+nvm use default
+
+# Now install 
+npm install -g tsx
+npm install -g @oneuptime/infrastructure-agent

App/FeatureSet/Docs/Utils/Config.ts

@@ -1,2 +1,3 @@
 export const ViewsPath: string = '/usr/src/app/FeatureSet/Docs/Views';
 export const StaticPath: string = '/usr/src/app/FeatureSet/Docs/Static';
+export const ContentPath: string = '/usr/src/app/FeatureSet/Docs/Content';

App/FeatureSet/Docs/Utils/Nav.ts

@@ -0,0 +1,63 @@
+export interface NavLink {
+    title: string;
+    url: string;
+}
+
+export interface NavGroup {
+    title: string;
+    links: NavLink[];
+}
+
+const DocsNav: NavGroup[] = [
+    {
+        title: 'Introduction',
+        links: [
+            {
+                title: 'Getting Started',
+                url: '/docs/introduction/getting-started',
+            },
+        ],
+    },
+    {
+        title: 'Installation',
+        links: [
+            {
+                title: 'Local Development',
+                url: '/docs/installation/local-development',
+            },
+            {
+                title: 'Docker Compose',
+                url: '/docs/installation/docker-compose',
+            },
+            {
+                title: 'Kubernetes and Helm',
+                url: 'https://artifacthub.io/packages/helm/oneuptime/oneuptime',
+            },
+        ],
+    },
+    {
+        title: 'Monitor',
+        links: [
+            {
+                title: 'JavaScript Expressions',
+                url: '/docs/monitor/javascript-expression',
+            },
+        ],
+    },
+    {
+        title: 'Probe',
+        links: [
+            { title: 'Custom Probes', url: '/docs/probe/custom-probe' },
+            { title: 'IP Addresses', url: '/docs/probe/ip-address' },
+        ],
+    },
+    {
+        title: 'Telemetry',
+        links: [
+            { title: 'OpenTelemetry', url: '/docs/telemetry/open-telemetry' },
+            { title: 'Fluentd', url: '/docs/telemetry/fluentd' },
+        ],
+    },
+];
+
+export default DocsNav;

App/FeatureSet/Docs/Utils/Render.ts

@@ -0,0 +1,50 @@
+import { Renderer, marked } from 'marked';
+
+export default class DocsRender {
+    public static async render(markdownContent: string): Promise<string> {
+        const renderer: Renderer = this.getBlogRenderer();
+
+        return await marked(markdownContent, {
+            renderer: renderer,
+        });
+    }
+
+    private static getBlogRenderer(): Renderer {
+        const renderer: Renderer = new Renderer();
+
+        renderer.paragraph = function (text) {
+            return `<p class="mt-2 mb-2 leading-8 text-gray-600">${text}</p>`;
+        };
+
+        renderer.blockquote = function (quote) {
+            return `<blockquote class="p-4 pt-1 pb-1 my-4 border-s-4 border-indigo-500">
+            <div class="leading-8 text-gray-600">${quote}</div>
+        </blockquote>`;
+        };
+
+        renderer.image = function (href, _title, text) {
+            return `<img src="${href}" alt="${text}" class="rounded-md shadow-md" />`;
+        };
+
+        renderer.code = function (code, language) {
+            return `<pre class="language-${language} rounded-md"><code class="language-${language} rounded-md">${code}</code></pre>`;
+        };
+
+        renderer.heading = function (text, level) {
+            if (level === 1) {
+                return `<h1 class="my-5 mt-8 text-4xl font-bold tracking-tight text-gray-800">${text}</h1>`;
+            } else if (level === 2) {
+                return `<h2 class="my-5  mt-8 text-3xl font-bold tracking-tight text-gray-800">${text}</h2>`;
+            } else if (level === 3) {
+                return `<h3 class="my-5  mt-8 text-2xl font-bold tracking-tight text-gray-800">${text}</h3>`;
+            } else if (level === 4) {
+                return `<h4 class="my-5  mt-8 text-xl font-bold tracking-tight text-gray-800">${text}</h4>`;
+            } else if (level === 5) {
+                return `<h5 class="my-5  mt-8 text-lg font-bold tracking-tight text-gray-800">${text}</h5>`;
+            }
+            return `<h6 class="my-5 tracking-tight font-bold text-gray-800">${text}</h6>`;
+        };
+
+        return renderer;
+    }
+}

App/FeatureSet/Docs/Views/Index.ejs

@@ -0,0 +1,34 @@
+<html lang="en" class="h-full antialiased __variable_e66fe9 __variable_b436a8 light nbuofyfqi idc0_350"
+    style="color-scheme: light;">
+
+<head>
+    <%- include('./Partials/Head.ejs') %>
+</head>
+
+<body class="flex min-h-full bg-white dark:bg-slate-900">
+    
+    <div class="flex w-full flex-col">
+        <%- include('./Partials/Header.ejs') %>
+       
+        <div class="relative mx-auto flex w-full max-w-8xl flex-auto justify-center sm:px-2 lg:px-8 xl:px-12">
+            <div class="hidden lg:relative lg:block lg:flex-none">
+                <div class="absolute inset-y-0 right-0 w-[50vw] bg-slate-50 dark:hidden"></div>
+                <div
+                    class="absolute bottom-0 right-0 top-16 hidden h-12 w-px bg-gradient-to-t from-slate-800 dark:block">
+                </div>
+                <div class="absolute bottom-0 right-0 top-28 hidden w-px bg-slate-800 dark:block"></div>
+                <div
+                    class="sticky top-[4.75rem] -ml-0.5 h-[calc(100vh-4.75rem)] w-64 overflow-y-auto overflow-x-hidden py-16 pl-0.5 pr-8 xl:w-72 xl:pr-16">
+                  <%- include('./Partials/Nav.ejs') %>
+                </div>
+            </div>
+            <div class="min-w-0 max-w-2xl flex-auto px-4 py-16 lg:max-w-none lg:pl-8 lg:pr-0 xl:px-16">
+                <%- include('./Partials/Content.ejs', { category: category, link: link, content: content }) %>
+                <%- include('./Partials/OpenSourceCommitment.ejs', { githubPath: githubPath }) %>
+            </div>
+         
+        </div>
+    </div>
+</body>
+
+</html>

App/FeatureSet/Docs/Views/Partials/Content.ejs

@@ -0,0 +1,11 @@
+<article>
+    <header class="mb-9 space-y-1">
+        <p class="text-base font-bold text-sky-500"><%- category.title %></p>
+        <h1 class="font-bold text-3xl tracking-tight text-slate-900 dark:text-white"><%- link.title %>
+        </h1>
+    </header>
+    <div
+        class="prose prose-slate max-w-none dark:prose-invert dark:text-slate-400 prose-headings:scroll-mt-28 prose-headings:font-display prose-headings:font-normal lg:prose-headings:scroll-mt-[8.5rem] prose-lead:text-slate-500 dark:prose-lead:text-slate-400 prose-a:font-semibold dark:prose-a:text-sky-400 prose-a:no-underline prose-a:shadow-[inset_0_-2px_0_0_var(--tw-prose-background,#fff),inset_0_calc(-1*(var(--tw-prose-underline-size,4px)+2px))_0_0_var(--tw-prose-underline,theme(colors.sky.300))] hover:prose-a:[--tw-prose-underline-size:6px] dark:[--tw-prose-background:theme(colors.slate.900)] dark:prose-a:shadow-[inset_0_calc(-1*var(--tw-prose-underline-size,2px))_0_0_var(--tw-prose-underline,theme(colors.sky.800))] dark:hover:prose-a:[--tw-prose-underline-size:6px] prose-pre:rounded-xl prose-pre:bg-slate-900 prose-pre:shadow-lg dark:prose-pre:bg-slate-800/60 dark:prose-pre:shadow-none dark:prose-pre:ring-1 dark:prose-pre:ring-slate-300/10 dark:prose-hr:border-slate-800">
+        <%- content %>
+    </div>
+</article>

App/FeatureSet/Docs/Views/Partials/Head.ejs

@@ -0,0 +1,15 @@
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<link rel="preload" href="/docs/static/fonts/f1.woff2" as="font" crossorigin="" type="font/woff2">
+<link rel="preload" href="/docs/static/fonts/f2.woff2" as="font" crossorigin="" type="font/woff2">
+<link rel="stylesheet" href="/docs/static/css/style.css" crossorigin="" data-precedence="next">
+<title>OneUptime Documentation</title>
+<meta name="description"
+    content="Cache every single thing your app could ever do ahead of time, so your code never even has to run at all.">
+<link rel="icon" href="/favicon.ico" type="image/x-icon" sizes="16x16">
+<meta name="next-size-adjust">
+<link rel="stylesheet" href="/docs/static/css/style.css" crossorigin="" data-precedence="next" />
+<script src="https://cdn.tailwindcss.com"></script>
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/a11y-dark.min.css">
+<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+<script>hljs.highlightAll();</script>

App/FeatureSet/Docs/Views/Partials/Header.ejs

@@ -0,0 +1,17 @@
+<header
+    class="sticky top-0 z-50 flex flex-none flex-wrap items-center justify-between bg-white px-4 py-5 shadow-md shadow-slate-900/5 transition duration-500 sm:px-6 lg:px-8 dark:shadow-none dark:bg-slate-900/95 dark:backdrop-blur dark:[@supports(backdrop-filter:blur(0))]:bg-slate-900/75">
+   
+    <div class="relative flex flex-grow basis-0 items-center"><a aria-label="Home page" href="/">
+        <img class="h-8 w-auto" src="/img/3-transparent.svg" alt="">
+    </a></div>
+    
+    <div class="relative flex basis-0 justify-end gap-6 sm:gap-8 md:flex-grow">
+        <a class="group" aria-label="GitHub" target="_blank" href="https://github.com/oneuptime/oneuptime"><svg
+                aria-hidden="true" viewBox="0 0 16 16"
+                class="h-6 w-6 fill-slate-400 group-hover:fill-slate-500 dark:group-hover:fill-slate-300">
+                <path
+                    d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z">
+                </path>
+            </svg></a>
+    </div>
+</header>

App/FeatureSet/Docs/Views/Partials/Nav.ejs

@@ -0,0 +1,33 @@
+<nav class="text-base lg:text-sm">
+        <ul role="list" class="space-y-9">
+                <% for(var i=0; i<nav.length; i++) {%>
+                        <li>
+                                <h2 class="font-display font-medium text-slate-900 dark:text-white"><%- nav[i].title -%>
+                                </h2>
+
+                                <ul role="list"
+                                        class="mt-2 space-y-2 border-l-2 border-slate-100 lg:mt-4 lg:space-y-4 lg:border-slate-200 dark:border-slate-800">
+                                        <% if(nav[i].links.length> 0) { %>
+                                                <% for(var j=0; j<nav[i].links.length; j++) {%>
+                                                        <% if(link.url===nav[i].links[j].url) { %>
+                                                                <li class="relative"><a
+                                                                                class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-1/2 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full font-semibold text-sky-500 before:bg-sky-500"
+                                                                                href="<%- nav[i].links[j].url -%>"><%-
+                                                                                        nav[i].links[j].title -%></a>
+                                                                </li>
+                                                                <% } else { %>
+                                                                        <li class="relative"><a
+                                                                                        class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-1/2 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300"
+                                                                                        href="<%- nav[i].links[j].url -%>"><%-
+                                                                                        nav[i].links[j].title -%></a></li>
+
+                                                                        <% } %>
+                                                                                <% } %>
+                                                                                        <% } %>
+
+                                </ul>
+                        </li>
+                        <% } %>
+
+        </ul>
+</nav>

App/FeatureSet/Docs/Views/Partials/OpenSourceCommitment.ejs

@@ -0,0 +1,22 @@
+<div class=" font-medium leading-6 text-gray-900 mt-24">Our Commitment to Open Source
+</div>
+
+<div class="mt-2 text-gray-900">
+    <ul role="list" class="divide-y divide-gray-100 rounded-md border border-gray-200">
+        <li class="items-center justify-between py-4 pl-4 pr-5 leading-6">
+            <div class="items-center">
+
+                <div class="p-1 space-y-2">
+                    
+                   
+
+                        <div>Everything we do at OneUptime is 100% open-source. You can contribute and improve this post here <a class="underline"
+                            target="_blank"
+                            href="https://github.com/OneUptime/oneuptime/tree/master/App/FeatureSet/Docs/Content/<%- githubPath -%>.md">here.</a></div>
+
+                </div>
+            </div>
+        </li>
+
+    </ul>
+</div>

App/FeatureSet/Docs/Views/Partials/Pagination.ejs

@@ -0,0 +1,13 @@
+<dl class="mt-12 flex border-t border-slate-200 pt-6 dark:border-slate-800">
+    <div class="ml-auto text-right">
+        <dt class="font-display text-sm font-medium text-slate-900 dark:text-white">Next</dt>
+        <dd class="mt-1"><a
+                class="flex items-center gap-x-1 text-base font-semibold text-slate-500 hover:text-slate-600 dark:text-slate-400 dark:hover:text-slate-300"
+                href="/docs/installation">Installation<svg viewBox="0 0 16 16" aria-hidden="true"
+                    class="h-4 w-4 flex-none fill-current">
+                    <path
+                        d="m9.182 13.423-1.17-1.16 3.505-3.505H3V7.065h8.517l-3.506-3.5L9.181 2.4l5.512 5.511-5.511 5.512Z">
+                    </path>
+                </svg></a></dd>
+    </div>
+</dl>

App/FeatureSet/Home/API/BlogAPI.ts

@@ -0,0 +1,89 @@
+import Express, {
+    ExpressApplication,
+    ExpressRequest,
+    ExpressResponse,
+} from 'CommonServer/Utils/Express';
+import BlogPostUtil, { BlogPost, BlogPostHeader } from '../Utils/BlogPost';
+import { ViewsPath } from '../Utils/Config';
+import logger from 'CommonServer/Utils/Logger';
+import ServerErrorUtil from '../Utils/ServerError';
+import NotFoundUtil from '../Utils/NotFound';
+import Text from 'Common/Types/Text';
+
+const app: ExpressApplication = Express.getExpressApp();
+
+app.get(
+    '/blog/post/:file',
+    async (req: ExpressRequest, res: ExpressResponse) => {
+        try {
+            const fileName: string = req.params['file'] as string;
+
+            const blogPost: BlogPost | null = await BlogPostUtil.getBlogPost(
+                fileName
+            );
+
+            if (!blogPost) {
+                return NotFoundUtil.renderNotFound(res);
+            }
+
+            res.render(`${ViewsPath}/Blog/Post`, {
+                support: false,
+                footerCards: true,
+                cta: true,
+                blackLogo: false,
+                requestDemoCta: false,
+                blogPost: blogPost,
+            });
+        } catch (e) {
+            logger.error(e);
+            return ServerErrorUtil.renderServerError(res);
+        }
+    }
+);
+
+// List all blog posts with tag
+
+app.get(
+    '/blog/tag/:tagName',
+    async (req: ExpressRequest, res: ExpressResponse) => {
+        try {
+            const tagName: string = req.params['tagName'] as string;
+
+            const blogPosts: Array<BlogPostHeader> =
+                await BlogPostUtil.getBlogPostList(tagName);
+
+            res.render(`${ViewsPath}/Blog/ListByTag`, {
+                support: false,
+                footerCards: true,
+                cta: true,
+                blackLogo: false,
+                requestDemoCta: false,
+                blogPosts: blogPosts,
+                tagName: Text.fromDashesToPascalCase(tagName),
+            });
+        } catch (e) {
+            logger.error(e);
+            return ServerErrorUtil.renderServerError(res);
+        }
+    }
+);
+
+// main blog page
+app.get('/blog', async (_req: ExpressRequest, res: ExpressResponse) => {
+    try {
+        const blogPosts: Array<BlogPostHeader> =
+            await BlogPostUtil.getBlogPostList();
+
+        res.render(`${ViewsPath}/Blog/List`, {
+            support: false,
+            footerCards: true,
+            cta: true,
+            blackLogo: false,
+            requestDemoCta: false,
+            blogPosts: blogPosts,
+        });
+    } catch (e) {
+        logger.error(e);
+        return ServerErrorUtil.renderServerError(res);
+    }
+});

App/FeatureSet/Home/Index.ts

@@ -16,6 +16,11 @@ import { JSONObject } from 'Common/Types/JSON';
 import HTTPResponse from 'Common/Types/API/HTTPResponse';
 import HTTPErrorResponse from 'Common/Types/API/HTTPErrorResponse';
 import { StaticPath, ViewsPath } from './Utils/Config';
+import NotFoundUtil from './Utils/NotFound';
+import ServerErrorUtil from './Utils/ServerError';
+
+// improt API
+import './API/BlogAPI';
 
 const app: ExpressApplication = Express.getExpressApp();
 
@@ -30,6 +35,16 @@ app.get('/', (_req: ExpressRequest, res: ExpressResponse) => {
     });
 });
 
+app.get(
+    '/infrastructure-agent/install.sh',
+    (_req: ExpressRequest, res: ExpressResponse) => {
+        // fetch the file from https://raw.githubusercontent.com/oneuptime/infrastructure-agent/release/Scripts/Install/Linux.sh  and send it as response
+        res.redirect(
+            'https://raw.githubusercontent.com/OneUptime/oneuptime/release/InfrastructureAgent/Scripts/Install/Linux.sh'
+        );
+    }
+);
+
 app.get('/support', async (_req: ExpressRequest, res: ExpressResponse) => {
     res.render(`${ViewsPath}/support`);
 });
@@ -221,6 +236,15 @@ app.get('/pricing', (_req: ExpressRequest, res: ExpressResponse) => {
                         enterprise: true,
                     },
                 },
+                {
+                    name: 'VM or Server Monitoring',
+                    plans: {
+                        free: true,
+                        growth: true,
+                        scale: true,
+                        enterprise: true,
+                    },
+                },
                 {
                     name: 'Container Monitoring',
                     plans: {
@@ -231,15 +255,6 @@ app.get('/pricing', (_req: ExpressRequest, res: ExpressResponse) => {
                     },
                 },
 
-                {
-                    name: 'VM or Server Monitoring',
-                    plans: {
-                        free: 'Coming Soon',
-                        growth: 'Coming Soon',
-                        scale: 'Coming Soon',
-                        enterprise: 'Coming Soon',
-                    },
-                },
                 {
                     name: 'Network Monitoring',
                     plans: {
@@ -873,25 +888,17 @@ app.get('/compare/:product', (req: ExpressRequest, res: ExpressResponse) => {
     );
 
     if (!productConfig) {
-        res.status(404);
-        res.render(`${ViewsPath}/not-found.ejs`, {
-            footerCards: false,
-            support: false,
-            cta: false,
-            blackLogo: false,
-            requestDemoCta: false,
-        });
-    } else {
-        res.render(`${ViewsPath}/product-compare.ejs`, {
-            support: false,
-            footerCards: true,
-            cta: true,
-            blackLogo: false,
-            requestDemoCta: false,
-            productConfig,
-            onlyShowCompareTable: false,
-        });
+        return NotFoundUtil.renderNotFound(res);
     }
+    res.render(`${ViewsPath}/product-compare.ejs`, {
+        support: false,
+        footerCards: true,
+        cta: true,
+        blackLogo: false,
+        requestDemoCta: false,
+        productConfig,
+        onlyShowCompareTable: false,
+    });
 });
 
 // Generate sitemap
@@ -975,12 +982,9 @@ app.use(
 );
 
 app.get('/*', (_req: ExpressRequest, res: ExpressResponse) => {
-    res.status(404);
-    res.render(`${ViewsPath}/not-found.ejs`, {
-        footerCards: false,
-        support: false,
-        cta: false,
-        blackLogo: false,
-        requestDemoCta: false,
-    });
+    return NotFoundUtil.renderNotFound(res);
+});
+
+app.get('/server-error', (_req: ExpressRequest, res: ExpressResponse) => {
+    return ServerErrorUtil.renderServerError(res);
 });

App/FeatureSet/Home/Utils/BlogPost.ts

@@ -0,0 +1,489 @@
+import HTTPResponse from 'Common/Types/API/HTTPResponse';
+import API from 'Common/Utils/API';
+import URL from 'Common/Types/API/URL';
+import { marked, Renderer } from 'marked';
+import { JSONArray, JSONObject, JSONObjectOrArray } from 'Common/Types/JSON';
+import BaseModel from 'Common/Models/BaseModel';
+import AnalyticsBaseModel from 'Common/AnalyticsModels/BaseModel';
+import LocalCache from 'CommonServer/Infrastructure/LocalCache';
+import JSONFunctions from 'Common/Types/JSONFunctions';
+import HTTPErrorResponse from 'Common/Types/API/HTTPErrorResponse';
+import OneUptimeDate from 'Common/Types/Date';
+import BadDataException from 'Common/Types/Exception/BadDataException';
+import Text from 'Common/Types/Text';
+
+export interface BlogPostAuthor {
+    username: string;
+    githubUrl: string;
+    profileImageUrl: string;
+    name: string;
+}
+
+export interface BlogPostBaseProps {
+    title: string;
+    description: string;
+
+    formattedPostDate: string;
+    fileName: string;
+    tags: string[];
+    postDate: string;
+    blogUrl: string;
+}
+
+export interface BlogPostHeader extends BlogPostBaseProps {
+    authorGitHubUsername: string;
+}
+
+export interface BlogPost extends BlogPostBaseProps {
+    htmlBody: string;
+    markdownBody: string;
+    socialMediaImageUrl: string;
+    author: BlogPostAuthor | null;
+}
+
+const GitHubRawUrl: string =
+    'https://raw.githubusercontent.com/oneuptime/blog/master';
+
+export default class BlogPostUtil {
+    public static async getBlogPostList(
+        tagName?: string | undefined
+    ): Promise<BlogPostHeader[]> {
+        const fileUrl: URL = URL.fromString(`${GitHubRawUrl}/Blogs.json`);
+
+        const fileData:
+            | HTTPResponse<
+                  | JSONObjectOrArray
+                  | BaseModel
+                  | BaseModel[]
+                  | AnalyticsBaseModel
+                  | AnalyticsBaseModel[]
+              >
+            | HTTPErrorResponse = await API.get(fileUrl);
+
+        if (fileData.isFailure()) {
+            throw fileData as HTTPErrorResponse;
+        }
+
+        let jsonContent: string | JSONArray =
+            (fileData.data as string | JSONArray) || [];
+
+        if (typeof jsonContent === 'string') {
+            jsonContent = JSONFunctions.parseJSONArray(jsonContent);
+        }
+
+        const blogs: Array<JSONObject> = JSONFunctions.deserializeArray(
+            jsonContent as Array<JSONObject>
+        ).reverse(); // reverse so new content comes first
+
+        const resultList: Array<BlogPostHeader> = [];
+
+        for (const blog of blogs) {
+            const fileName: string = blog['post'] as string;
+            const formattedPostDate: string =
+                this.getFormattedPostDateFromFileName(fileName);
+            const postDate: string = this.getPostDateFromFileName(fileName);
+
+            resultList.push({
+                title: blog['title'] as string,
+                description: blog['description'] as string,
+                fileName,
+                formattedPostDate,
+                postDate,
+                tags: blog['tags'] as string[],
+                authorGitHubUsername: blog['authorGitHubUsername'] as string,
+                blogUrl: `/blog/post/${fileName}`,
+            });
+        }
+
+        if (tagName) {
+            return resultList.filter((blog: BlogPostHeader) => {
+                return blog.tags
+                    .map((item: string) => {
+                        return Text.replaceAll(item.toLowerCase(), ' ', '-');
+                    })
+                    .includes(tagName);
+            });
+        }
+
+        return resultList;
+    }
+
+    public static async getBlogPost(
+        fileName: string
+    ): Promise<BlogPost | null> {
+        let blogPost: BlogPost | null = this.getBlogPostFromCache(fileName);
+
+        // if (blogPost) {
+        //     return Promise.resolve(blogPost);
+        // }
+
+        blogPost = await this.getBlogPostFromGitHub(fileName);
+
+        // save this to cache
+        LocalCache.setJSON(
+            'blog',
+            fileName,
+            JSONFunctions.serialize(blogPost as any)
+        );
+
+        return blogPost;
+    }
+
+    public static async getNameOfGitHubUser(username: string): Promise<string> {
+        const fileUrl: URL = URL.fromString(
+            `https://api.github.com/users/${username}`
+        );
+
+        const fileData:
+            | HTTPResponse<
+                  | JSONObjectOrArray
+                  | BaseModel
+                  | BaseModel[]
+                  | AnalyticsBaseModel
+                  | AnalyticsBaseModel[]
+              >
+            | HTTPErrorResponse = await API.get(fileUrl);
+
+        if (fileData.isFailure()) {
+            throw fileData as HTTPErrorResponse;
+        }
+
+        const name: string =
+            (fileData.data as JSONObject)?.['name']?.toString() || '';
+        return name;
+    }
+
+    public static async getGitHubMarkdownFileContent(
+        githubPath: string
+    ): Promise<string | null> {
+        const fileUrl: URL = URL.fromString(`${GitHubRawUrl}/${githubPath}`);
+
+        const fileData:
+            | HTTPResponse<
+                  | JSONObjectOrArray
+                  | BaseModel
+                  | BaseModel[]
+                  | AnalyticsBaseModel
+                  | AnalyticsBaseModel[]
+              >
+            | HTTPErrorResponse = await API.get(fileUrl);
+
+        if (fileData.isFailure()) {
+            if ((fileData as HTTPErrorResponse).statusCode === 404) {
+                return null;
+            }
+
+            throw fileData as HTTPErrorResponse;
+        }
+
+        const markdownContent: string =
+            (fileData.data as JSONObject)?.['data']?.toString() || '';
+        return markdownContent;
+    }
+
+    public static async getTags(): Promise<string[]> {
+        // check if tags are in cache
+        let tags: string[] = LocalCache.getJSON(
+            'blog-tags',
+            'tags'
+        ) as string[];
+
+        if (tags && tags.length > 0) {
+            return tags;
+        }
+
+        tags = await this.getAllTagsFromGitHub();
+
+        // save this to cache
+
+        LocalCache.setJSON(
+            'blog-tags',
+            'tags',
+            JSONFunctions.serialize(tags as any)
+        );
+
+        return tags;
+    }
+
+    public static async getAllTagsFromGitHub(): Promise<string[]> {
+        const tagsMarkdownContent: string | null =
+            await this.getGitHubMarkdownFileContent('Tags.md');
+
+        if (!tagsMarkdownContent) {
+            return [];
+        }
+
+        const tags: Array<string> = tagsMarkdownContent
+            .split('\n')
+            .map((tag: string) => {
+                return tag.trim();
+            })
+            .filter((tag: string) => {
+                return tag.startsWith('-');
+            })
+            .map((tag: string) => {
+                return tag.replace('-', '').trim();
+            });
+
+        return tags;
+    }
+
+    public static async getBlogPostFromGitHub(
+        fileName: string
+    ): Promise<BlogPost | null> {
+        const fileUrl: URL = URL.fromString(
+            `${GitHubRawUrl}/posts/${fileName}/README.md`
+        );
+
+        const postDate: string = this.getPostDateFromFileName(fileName);
+        const formattedPostDate: string =
+            this.getFormattedPostDateFromFileName(fileName);
+
+        const fileData:
+            | HTTPResponse<
+                  | JSONObjectOrArray
+                  | BaseModel
+                  | BaseModel[]
+                  | AnalyticsBaseModel
+                  | AnalyticsBaseModel[]
+              >
+            | HTTPErrorResponse = await API.get(fileUrl);
+
+        if (fileData.isFailure()) {
+            if ((fileData as HTTPErrorResponse).statusCode === 404) {
+                return null;
+            }
+
+            throw fileData as HTTPErrorResponse;
+        }
+
+        let markdownContent: string =
+            (fileData.data as JSONObject)?.['data']?.toString() || '';
+
+        const blogPostAuthor: BlogPostAuthor | null =
+            await this.getAuthorFromFileContent(markdownContent);
+
+        const title: string = this.getTitleFromFileContent(markdownContent);
+        const description: string =
+            this.getDescriptionFromFileContent(markdownContent);
+        const tags: Array<string> =
+            this.getTagsFromFileContent(markdownContent);
+
+        markdownContent = this.getPostFromMarkdown(markdownContent);
+
+        const renderer: Renderer = this.getBlogRenderer();
+
+        const htmlBody: string = await marked(markdownContent, {
+            renderer: renderer,
+        });
+
+        const blogPost: BlogPost = {
+            title,
+            description,
+            author: blogPostAuthor,
+            htmlBody,
+            markdownBody: markdownContent,
+            fileName,
+            tags,
+            postDate,
+            formattedPostDate,
+            socialMediaImageUrl: `${GitHubRawUrl}/posts/${fileName}/social-media.png`,
+            blogUrl: `https://oneuptime.com/blog/post/${fileName}`, // this has to be oneuptime.com because its used in twitter cards and faceboomk cards. Please dont change this.
+        };
+
+        return blogPost;
+    }
+
+    private static getPostDateFromFileName(fileName: string): string {
+        const year: string | undefined = fileName.split('-')[0];
+        const month: string | undefined = fileName.split('-')[1];
+        const day: string | undefined = fileName.split('-')[2];
+
+        if (!year || !month || !day) {
+            throw new BadDataException('Invalid file name');
+        }
+
+        return `${year}-${month}-${day}`;
+    }
+
+    private static getFormattedPostDateFromFileName(fileName: string): string {
+        // file name is of the format YYYY-MM-DD-Title.md
+        const year: string | undefined = fileName.split('-')[0];
+        const month: string | undefined = fileName.split('-')[1];
+        const day: string | undefined = fileName.split('-')[2];
+
+        if (!year || !month || !day) {
+            throw new BadDataException('Invalid file name');
+        }
+
+        const date: Date = OneUptimeDate.getDateFromYYYYMMDD(year, month, day);
+        return OneUptimeDate.getDateAsLocalFormattedString(date, true);
+    }
+
+    private static getBlogRenderer(): Renderer {
+        const renderer: Renderer = new Renderer();
+
+        renderer.paragraph = function (text) {
+            return `<p class="mt-2 mb-2 leading-8 text-gray-600">${text}</p>`;
+        };
+
+        renderer.blockquote = function (quote) {
+            return `<blockquote class="p-4 pt-1 pb-1 my-4 border-s-4 border-indigo-500">
+            <div class="leading-8 text-gray-600">${quote}</div>
+        </blockquote>`;
+        };
+
+        renderer.code = function (code, language) {
+            return `<pre class="language-${language} rounded-md"><code class="language-${language} rounded-md">${code}</code></pre>`;
+        };
+
+        renderer.heading = function (text, level) {
+            if (level === 1) {
+                return `<h1 class="my-5 mt-8 text-4xl font-bold tracking-tight text-gray-800">${text}</h1>`;
+            } else if (level === 2) {
+                return `<h2 class="my-5  mt-8 text-3xl font-bold tracking-tight text-gray-800">${text}</h2>`;
+            } else if (level === 3) {
+                return `<h3 class="my-5  mt-8 text-2xl font-bold tracking-tight text-gray-800">${text}</h3>`;
+            } else if (level === 4) {
+                return `<h4 class="my-5  mt-8 text-xl font-bold tracking-tight text-gray-800">${text}</h4>`;
+            } else if (level === 5) {
+                return `<h5 class="my-5  mt-8 text-lg font-bold tracking-tight text-gray-800">${text}</h5>`;
+            }
+            return `<h6 class="my-5 tracking-tight font-bold text-gray-800">${text}</h6>`;
+        };
+
+        return renderer;
+    }
+
+    private static getPostFromMarkdown(markdownContent: string): string {
+        const authorLine: string | undefined = markdownContent
+            .split('\n')
+            .find((line: string) => {
+                return line.startsWith('Author:');
+            });
+        const titleLine: string | undefined = markdownContent
+            .split('\n')
+            .find((line: string) => {
+                return line.startsWith('#');
+            });
+        const descriptionLine: string | undefined =
+            markdownContent.split('\n').find((line: string) => {
+                return line.startsWith('Description:');
+            }) || '';
+
+        const tagsLine: string | undefined =
+            markdownContent.split('\n').find((line: string) => {
+                return line.startsWith('Tags:');
+            }) || '';
+
+        if (!authorLine && !titleLine && !descriptionLine && !tagsLine) {
+            return markdownContent;
+        }
+
+        const lines: string[] = markdownContent.split('\n');
+
+        if (authorLine) {
+            const authorLineIndex: number = lines.indexOf(authorLine);
+            lines.splice(authorLineIndex, 1);
+        }
+
+        if (titleLine) {
+            const titleLineIndex: number = lines.indexOf(titleLine);
+            lines.splice(titleLineIndex, 1);
+        }
+
+        if (descriptionLine) {
+            const descriptionLineIndex: number = lines.indexOf(descriptionLine);
+            lines.splice(descriptionLineIndex, 1);
+        }
+
+        if (tagsLine) {
+            const tagsLineIndex: number = lines.indexOf(tagsLine);
+            lines.splice(tagsLineIndex, 1);
+        }
+
+        return lines.join('\n').trim();
+    }
+
+    public static getBlogPostFromCache(fileName: string): BlogPost | null {
+        const blogPost: BlogPost | null = LocalCache.getJSON(
+            'blog',
+            fileName
+        ) as BlogPost | null;
+        return blogPost;
+    }
+
+    public static getTitleFromFileContent(fileContent: string): string {
+        // title is the first line that stars with "#"
+
+        const titleLine: string =
+            fileContent
+                .split('\n')
+                .find((line: string) => {
+                    return line.startsWith('#');
+                })
+                ?.replace('#', '') || 'OneUptime Blog';
+
+        return titleLine;
+    }
+
+    public static getTagsFromFileContent(fileContent: string): string[] {
+        // tags is the first line that starts with "Tags:"
+
+        const tagsLine: string | undefined =
+            fileContent
+                .split('\n')
+                .find((line: string) => {
+                    return line.startsWith('Tags:');
+                })
+                ?.replace('Tags:', '') || '';
+
+        return tagsLine.split(',').map((tag: string) => {
+            return tag.trim();
+        });
+    }
+
+    public static getDescriptionFromFileContent(fileContent: string): string {
+        // description is the first line that starts with ">"
+
+        const descriptionLine: string | undefined =
+            fileContent
+                .split('\n')
+                .find((line: string) => {
+                    return line.startsWith('Description:');
+                })
+                ?.replace('Description:', '') || '';
+
+        return descriptionLine;
+    }
+
+    public static async getAuthorFromFileContent(
+        fileContent: string
+    ): Promise<BlogPostAuthor | null> {
+        // author line is in this format: Author: [username](githubUrl)
+
+        const authorLine: string | undefined = fileContent
+            .split('\n')
+            .find((line: string) => {
+                return line.startsWith('Author:');
+            });
+        const authorUsername: string | undefined = authorLine
+            ?.split('[')[1]
+            ?.split(']')[0];
+        const authorGitHubUrl: string | undefined = authorLine
+            ?.split('(')[1]
+            ?.split(')')[0];
+        const authorProfileImageUrl: string = `https://avatars.githubusercontent.com/${authorUsername}`;
+
+        if (!authorUsername || !authorGitHubUrl) {
+            return null;
+        }
+
+        return {
+            username: authorUsername,
+            githubUrl: authorGitHubUrl,
+            profileImageUrl: authorProfileImageUrl,
+            name: await this.getNameOfGitHubUser(authorUsername),
+        };
+    }
+}

App/FeatureSet/Home/Utils/Config.ts

@@ -1,2 +1,2 @@
-export const ViewsPath: string = '/usr/src/app/FeatureSet/Home/views';
+export const ViewsPath: string = '/usr/src/app/FeatureSet/Home/Views';
 export const StaticPath: string = '/usr/src/app/FeatureSet/Home/Static';

App/FeatureSet/Home/Utils/NotFound.ts

@@ -0,0 +1,15 @@
+import { ExpressResponse } from 'CommonServer/Utils/Express';
+import { ViewsPath } from './Config';
+
+export default class NotFoundUtil {
+    public static renderNotFound(res: ExpressResponse): void {
+        res.status(404);
+        res.render(`${ViewsPath}/not-found.ejs`, {
+            footerCards: false,
+            support: false,
+            cta: false,
+            blackLogo: false,
+            requestDemoCta: false,
+        });
+    }
+}

App/FeatureSet/Home/Utils/ProductCompare.ts

@@ -58,7 +58,7 @@ export default (product: string): Product => {
                 {
                     question:
                         'Do I need to buy a monitoring solution to monitor my resources?',
-                    answer: 'PagerDuty needs a seperate monitoring solution that you need to buy which then sends data to PagerDuty for on-call and incident management. OneUptime has a built in monitoring solution as well. You use one product, your team has one dashboard, save time, simplify ops.',
+                    answer: 'PagerDuty needs a separate monitoring solution that you need to buy which then sends data to PagerDuty for on-call and incident management. OneUptime has a built in monitoring solution as well. You use one product, your team has one dashboard, save time, simplify ops.',
                 },
                 {
                     question:
@@ -215,7 +215,7 @@ export default (product: string): Product => {
                 {
                     question:
                         'Do I need to buy a monitoring solution to monitor my resources?',
-                    answer: 'StatusPage.io needs a seperate monitoring solution that you need to buy which then sends data to StatusPage.io. OneUptime has a built in monitoring solution as well. You use one product, your team has one dashboard, save time, simplify ops.',
+                    answer: 'StatusPage.io needs a separate monitoring solution that you need to buy which then sends data to StatusPage.io. OneUptime has a built in monitoring solution as well. You use one product, your team has one dashboard, save time, simplify ops.',
                 },
                 {
                     question:

App/FeatureSet/Home/Utils/ServerError.ts

@@ -0,0 +1,15 @@
+import { ExpressResponse } from 'CommonServer/Utils/Express';
+import { ViewsPath } from './Config';
+
+export default class ServerErrorUtil {
+    public static renderServerError(res: ExpressResponse): void {
+        res.status(500);
+        res.render(`${ViewsPath}/server-error.ejs`, {
+            footerCards: false,
+            support: false,
+            cta: false,
+            blackLogo: false,
+            requestDemoCta: false,
+        });
+    }
+}

App/FeatureSet/Home/Views/Blog/List.ejs

@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html lang="en" id="home">
+
+<meta http-equiv="content-type" content="text/html;charset=utf-8" />
+
+<head>
+  <title>
+    OneUptime Blog - Latest posts on Observability, Monitoring, Reliability and more.
+  </title>
+  <meta name="description" content="Learn more about Observability, Monitoring, Reliability and more.">
+  <%- include('../head') -%>
+
+
+</head>
+
+
+<body>
+  <%- include('../nav') -%>
+
+    <div class="relative isolate overflow-hidden bg-white">
+      <div class="py-24 sm:py-32">
+
+        <%- include('./Partials/BlogTitleAndDescription', { title: 'Engineering Uptime - Blog by OneUptime', description: 'Latest posts on Observability, Monitoring, Reliability and more.' }) -%>
+
+        <div class="mx-auto max-w-7xl px-6 lg:px-8">
+          
+          <div>
+
+            <% if(blogPosts.length> 0){ %>
+              <ul role="list" class="divide-y divide-gray-100 list-none">
+
+                <% for(var i=0; i<blogPosts.length; i++) {%>
+
+
+
+                  <%- include('./Partials/ListItem', { blogPost: blogPosts[i] }) -%>
+
+                    <% } %>
+
+              </ul>
+              <% } %>
+
+              <%- include('./Partials/OpenSourceCommitment', {blogPost: null}) -%>
+
+          </div>
+
+
+        </div>
+      </div>
+
+    </div>
+
+
+
+
+    <%- include('./Partials/BlogCta') -%>
+      <%- include('../footer') -%>
+</body>
+
+</html>

App/FeatureSet/Home/Views/Blog/ListByTag.ejs

@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="en" id="home">
+
+<meta http-equiv="content-type" content="text/html;charset=utf-8" />
+
+<head>
+  <title>
+    OneUptime Blog - Latest posts on Observability, Monitoring, Reliability and more.
+  </title>
+  <meta name="description" content="Learn more about Observability, Monitoring, Reliability and more.">
+  <%- include('../head') -%>
+
+
+</head>
+
+
+<body>
+  <%- include('../nav') -%>
+
+    <div class="relative isolate overflow-hidden bg-white">
+      <div class="py-24 sm:py-32">
+
+        <%- include('./Partials/BlogTitleAndDescription', { title: 'Latest posts on '+tagName, description: 'Here are some of the latest posts on '+tagName }) -%>
+
+        <div class="mx-auto max-w-7xl px-6 lg:px-8">
+          
+          <div>
+
+            <% if(blogPosts.length> 0){ %>
+              <ul role="list" class="divide-y divide-gray-100 list-none">
+
+                <% for(var i=0; i<blogPosts.length; i++) {%>
+
+
+
+                  <%- include('./Partials/ListItem', { blogPost: blogPosts[i] }) -%>
+
+                    <% } %>
+
+              </ul>
+              <% } %>
+
+          </div>
+          <%- include('./Partials/OpenSourceCommitment', {blogPost: null}) -%>
+
+
+        </div>
+      </div>
+
+    </div>
+
+
+
+
+    <%- include('./Partials/BlogCta') -%>
+      <%- include('../footer') -%>
+</body>
+
+</html>

App/FeatureSet/Home/Views/Blog/Partials/BlogCta.ejs

@@ -0,0 +1,16 @@
+
+<div class="border-t border-gray-900/10 pt-8"></div>
+<div class="relative isolate overflow-hidden bg-white">
+    <div class="py-16">
+      <div class="mx-auto max-w-8xl px-6 lg:px-8">
+        <div class="mx-auto max-w-4xl text-center">
+          <h1 class="text-3xl font-bold tracking-tight text-gray-900">OneUptime is open source observability platform.</h1>
+          <p class="mt-6 text-lg leading-8 text-gray-600">Monitor, Observe, Debug, Resolve. Everything you need to build reliable software in one open source platform. Get started for free today.</p>
+          <div class="mt-10 flex items-center justify-center gap-x-6">
+            <a href="/accounts/register" class="rounded-md bg-indigo-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">Get started</a>
+            <a href="/enterprise/demo" class="text-sm font-semibold leading-6 text-gray-900">Request Demo <span aria-hidden="true">→</span></a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>

App/FeatureSet/Home/Views/Blog/Partials/BlogTitleAndDescription.ejs

@@ -0,0 +1,10 @@
+<div class="mb-24">
+<div class="mx-auto flex justify-center text-center ">
+    <h1 class="max-w-2xl text-center text-4xl font-bold tracking-tight text-gray-900">
+        <%= title %>
+    </h1>
+  </div>
+  <p class="text-xl text-center leading-8 text-gray-600 mt-8">
+    <%= description %>
+</p>
+</div>

App/FeatureSet/Home/Views/Blog/Partials/ListItem.ejs

@@ -0,0 +1,33 @@
+<li class="py-5">
+    <div class="min-w-0">
+        <a href="<%= blogPost.blogUrl %>">
+            
+      <div class="min-w-0 flex-auto">
+        <p class="font-semibold text-2xl leading-6 text-gray-900">
+          <%= blogPost.title %>
+        </p>
+        <p class="mt-2 leading-5 text-gray-600">
+          <%= blogPost.description %>
+        </p>
+      </div>
+      </a>
+    </div>
+    <div class="-mt-5">
+      <%- include('./Tags', { blogPost: blogPost }) -%>
+    </div>
+    <div class="mt-5">
+      <div class="">
+
+        <a href="https://github.com/<%- blogPost.authorGitHubUsername -%>" target="_blank">
+          <div class="flex items-center gap-x-6">
+            <p class="text-sm font-medium leading-7 tracking-tight text-gray-600">
+              <span class="text-gray-500">By</span> @<%- blogPost.authorGitHubUsername -%> <span
+                  class="text-gray-500"> on
+                  <%- blogPost.formattedPostDate -%></span>
+            </p>
+          </div>
+      </div>
+      </a>
+
+    </div>
+  </li>

App/FeatureSet/Home/Views/Blog/Partials/OpenSourceCommitment.ejs

@@ -0,0 +1,29 @@
+<div class=" font-medium leading-6 text-gray-900 mt-24">Our Commitment to Open Source
+</div>
+
+<div class="mt-2 text-gray-900">
+    <ul role="list" class="divide-y divide-gray-100 rounded-md border border-gray-200">
+        <li class="items-center justify-between py-4 pl-4 pr-5 leading-6">
+            <div class="items-center">
+
+                <div class="p-1 space-y-2">
+                    
+                   
+
+                        <div>Everything we do at OneUptime is 100% open-source. You can contribute by writing a post just like this.
+                        Please check contributing guidelines <a class="underline"
+                            target="_blank"
+                            href="https://github.com/oneuptime/blog">here.</a></div>
+
+                            <% if(blogPost){%>
+
+                                <div>If you wish to contribute to this post, you can make edits and improve it <a
+                                        class="underline" target="_blank"
+                                        href="https://github.com/oneuptime/blog/tree/master/posts/<%- blogPost.fileName -%>">here</a>.</div>
+                            <% } %>
+                </div>
+            </div>
+        </li>
+
+    </ul>
+</div>

App/FeatureSet/Home/Views/Blog/Partials/Tags.ejs

@@ -0,0 +1,22 @@
+<% if(blogPost.tags.length> 0){ %>
+    <div class="flex mt-10">
+        <div class="space-x-1">
+            <!-- Loop over blogPost.tags and show them here-->
+            <% for(var i=0; i<blogPost.tags.length; i++) {%>
+                <a href="/blog/tag/<%- blogPost.tags[i].replaceAll(' ','-').toLowerCase() -%>">
+                    <div
+                        class="relative inline-flex items-center rounded-full border border-gray-300 px-3 py-0.5 text-sm">
+                        <div class="absolute flex flex-shrink-0 items-center justify-center">
+                            <div class="h-1.5 w-1.5 rounded-full bg-indigo-500" aria-hidden="true">
+                            </div>
+                        </div>
+                        <div class="ml-3.5 font-medium text-gray-900">
+                            <%- blogPost.tags[i] -%>
+                        </div>
+                    </div>
+                </a>
+
+                <% } %>
+        </div>
+    </div>
+    <% } %>

App/FeatureSet/Home/Views/Blog/Post.ejs

@@ -0,0 +1,125 @@
+<!DOCTYPE html>
+<html lang="en" id="home">
+
+<meta http-equiv="content-type" content="text/html;charset=utf-8" />
+
+<head>
+    <title>
+        <%= blogPost.title %>
+    </title>
+    <meta name="description" content="<%= blogPost.description %>">
+    <%- include('../head-basic') -%>
+        <link rel="canonical" href="https://oneuptime.com/blog/post/<%= blogPost.fileName %>" />
+        <meta property="og:site_name" content="OneUptime | One Complete Observability platform.">
+        <meta property="og:type" content="article">
+        <meta property="og:title" content="<%= blogPost.title %>">
+        <meta property="og:description" content="<%= blogPost.description %>">
+        <meta property="og:url" content="<%= blogPost.blogUrl %>">
+        <meta property="og:image" content="<%= blogPost.socialMediaImageUrl %>">
+        <meta property="article:published_time" content="<%- blogPost.postDate -%>T00:00:00.000Z">
+        <meta property="article:modified_time" content="<%- blogPost.postDate -%>T00:00:00.000Z">
+        <meta property="article:publisher" content="https://www.facebook.com/OneUptime">
+        <meta name="twitter:card" content="summary_large_image">
+        <meta name="twitter:title" content="<%= blogPost.title %>">
+        <meta name="twitter:description" content="<%= blogPost.description %>">
+        <meta name="twitter:url" content="<%= blogPost.blogUrl %>">
+        <meta name="twitter:image" content="<%= blogPost.socialMediaImageUrl %>">
+        <meta name="twitter:label1" content="Written by">
+        <meta name="twitter:data1" content="<%= blogPost.author.name %>">
+        <meta name="twitter:site" content="@OneUptimeHQ">
+        <meta property="og:image:width" content="1280">
+        <meta property="og:image:height" content="720">
+        <script type="application/ld+json">
+{
+    "@context": "https://schema.org",
+    "@type": "Article",
+    "publisher": {
+        "@type": "Organization",
+        "name": "OneUptime",
+        "url": "https://oneuptime.com/",
+        "logo": {
+            "@type": "ImageObject",
+            "url": "https://oneuptime.com/img/OneUptimePNG/1.png",
+            "width": 60,
+            "height": 60
+        }
+    },
+    "author": {
+        "@type": "Person",
+        "name": "<%= blogPost.author.name %>",
+        "url": "<%= blogPost.author.githubUrl %>",
+        "sameAs": []
+    },
+    "headline": "<%= blogPost.title %>",
+    "url": "<%= blogPost.blogUrl %>",
+    "datePublished": "<%- blogPost.postDate -%>T00:00:00.000Z",
+    "dateModified": "<%- blogPost.postDate -%>T00:00:00.000Z",
+    "description": "<%- blogPost.description -%>",
+    "mainEntityOfPage": "<%= blogPost.blogUrl %>"
+}
+    </script>
+
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/a11y-dark.min.css">
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+        <script>hljs.highlightAll();</script>
+
+</head>
+
+
+<body>
+    <%- include('../nav') -%>
+
+        <div class="relative isolate overflow-hidden bg-white">
+            <div class="py-24 sm:py-32">
+                <div class="mx-auto max-w-7xl px-6 lg:px-8">
+
+                    <%- include('./Partials/BlogTitleAndDescription', { title: blogPost.title , description:
+                        blogPost.description }) -%>
+
+
+                        <div class="blog-body">
+                            <%- blogPost.htmlBody -%>
+                        </div>
+
+                        <%- include('./Partials/Tags', { blogPost: blogPost }) -%>
+
+                            <div class="bg-white my-10 mt-20">
+                                <div class="">
+                                    <ul role="list" class="">
+                                        <li>
+                                            <a href="<%- blogPost.author.githubUrl -%>" target="_blank">
+                                                <div class="flex items-center gap-x-6">
+                                                    <img class="h-12 w-12 rounded-full"
+                                                        src="<%- blogPost.author.profileImageUrl -%>" alt="">
+                                                    <div class="-ml-4">
+                                                        <h3
+                                                            class="text-base font-medium leading-7 tracking-tight text-gray-600">
+                                                            <span class="text-gray-500">By</span> <%-
+                                                                blogPost.author.name -%> <span class="text-gray-500"> on
+                                                                    <%- blogPost.formattedPostDate -%></span>
+                                                        </h3>
+                                                        <p class="text-sm font-medium leading-6 text-indigo-500 -mt-1">
+                                                            @<%- blogPost.author.username -%></p>
+                                                    </div>
+                                                </div>
+                                            </a>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
+
+                            <%- include('./Partials/OpenSourceCommitment', { blogPost: blogPost }) -%>
+
+                </div>
+            </div>
+
+        </div>
+
+
+
+
+        <%- include('./Partials/BlogCta') -%>
+            <%- include('../footer') -%>
+</body>
+
+</html>

App/FeatureSet/Home/Views/apm.ejs

@@ -34,7 +34,7 @@
                 class="relative -m-2 rounded-xl bg-gray-900/5 p-2 ring-1 ring-inset ring-gray-900/10 lg:-m-4 lg:rounded-2xl lg:p-4">
                   <img src="/img/apm-3.png" alt="App screenshot" width="2432" height="1442"
                     class="rounded-md shadow-2xl ring-1 ring-gray-900/10">
-                  <!-- <%- include('./partials/watch-demo.ejs', {videoId: "F6BNipy5VCk" }) -%> -->
+                  <!-- <%- include('./Partials/watch-demo.ejs', {videoId: "F6BNipy5VCk" }) -%> -->
               </div>
             </div>
           </div>
@@ -399,7 +399,7 @@
           <%- include('features-table') -%>
             <%- include('cta') -%>
               <%- include('footer') -%>
-                <%- include('./partials/video-script') -%>
+                <%- include('./Partials/video-script') -%>
 
 </body>
 

App/FeatureSet/Home/Views/enterprise-overview.ejs

@@ -266,7 +266,7 @@
 
 
 
-      <%- include('./partials/security') -%>
+      <%- include('./Partials/security') -%>
    
       <%- include('testimonials') -%>
       <div class="mt-24">

App/FeatureSet/Home/Views/features-table.ejs

@@ -30,49 +30,49 @@
           <ul role="list" class="mt-6 space-y-4">
             <li class="flex space-x-3">
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
                 <span class="text-sm text-gray-500"> Unlimited Public Status Pages</span>
             </li>
 
             <li class="flex space-x-3">
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
                 <span class="text-sm text-gray-500">Unlimited Private Status Pages</span>
             </li>
 
             <li class="flex space-x-3">
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
                 <span class="text-sm text-gray-500">Unlimited Subscribers</span>
             </li>
 
             <li class="flex space-x-3">
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
                 <span class="text-sm text-gray-500">Custom Domain Support</span>
             </li>
 
             <li class="flex space-x-3">
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
                 <span class="text-sm text-gray-500">Custom Branding</span>
             </li>
 
             <li class="flex space-x-3">
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
                 <span class="text-sm text-gray-500">Post Announcements</span>
             </li>
 
             <li class="flex space-x-3">
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
                 <span class="text-sm text-gray-500">Post Incidents</span>
             </li>
 
             <li class="flex space-x-3">
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
                 <span class="text-sm text-gray-500">Scheduled Maintenance</span>
             </li>
           </ul>
@@ -80,7 +80,7 @@
           <ul role="list" class="mt-6 space-y-4">
             <li class="flex space-x-3">
 
-              <%- include('./partials/comingsoon-icon') %>
+              <%- include('./Partials/comingsoon-icon') %>
 
 
 
@@ -89,7 +89,7 @@
 
             <li class="flex space-x-3">
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/comingsoon-icon') %>
+              <%- include('./Partials/comingsoon-icon') %>
 
 
                 <span class="text-sm text-gray-500">SLA Certificates</span>
@@ -97,7 +97,7 @@
 
             <li class="flex space-x-3">
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/comingsoon-icon') %>
+              <%- include('./Partials/comingsoon-icon') %>
 
 
                 <span class="text-sm text-gray-500">RSS Feeds</span>
@@ -134,55 +134,55 @@
           <ul role="list" class="mt-6 space-y-4">
             <li class="flex space-x-3">
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
                 <span class="text-sm text-gray-500">Integrates with monitoring tool</span>
             </li>
 
             <li class="flex space-x-3">
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
                 <span class="text-sm text-gray-500">Show Incident on Status Page</span>
             </li>
 
             <li class="flex space-x-3">
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
                 <span class="text-sm text-gray-500">See Root Cause</span>
             </li>
 
             <li class="flex space-x-3">
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
                 <span class="text-sm text-gray-500">Custom Incident States</span>
             </li>
 
             <li class="flex space-x-3">
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
                 <span class="text-sm text-gray-500">Custom Incident Severity</span>
             </li>
 
             <li class="flex space-x-3">
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
                 <span class="text-sm text-gray-500">Post Public Postmortem</span>
             </li>
 
             <li class="flex space-x-3">
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
                 <span class="text-sm text-gray-500">Private Postmortem Notes</span>
             </li>
 
             <li class="flex space-x-3">
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
                 <span class="text-sm text-gray-500">Integrate with Slack</span>
             </li>
 
             <li class="flex space-x-3">
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
                 <span class="text-sm text-gray-500">5000+ integrations</span>
             </li>
 
@@ -190,7 +190,7 @@
             <li class="flex space-x-3">
 
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
 
 
 
@@ -199,7 +199,7 @@
 
             <li class="flex space-x-3">
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
 
 
                 <span class="text-sm text-gray-500">Active Monitoring</span>
@@ -207,7 +207,7 @@
 
             <li class="flex space-x-3">
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
 
 
                 <span class="text-sm text-gray-500">On-Call Rotation</span>
@@ -215,7 +215,7 @@
 
             <li class="flex space-x-3">
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
 
 
                 <span class="text-sm text-gray-500">Call & SMS Alerts</span>
@@ -253,13 +253,13 @@
           <h3 class="text-sm font-medium text-gray-900">What's included</h3>
           <ul role="list" class="mt-6 space-y-4">
             <li class="flex space-x-3">
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
                 <span class="text-sm text-gray-500"> Static Monitors </span>
             </li>
             <li class="flex space-x-3">
 
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
 
 
 
@@ -270,7 +270,7 @@
             <li class="flex space-x-3">
 
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
 
 
 
@@ -279,7 +279,7 @@
             <li class="flex space-x-3">
 
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
 
 
 
@@ -289,7 +289,7 @@
             <li class="flex space-x-3">
 
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
 
 
 
@@ -298,7 +298,7 @@
 
             <li class="flex space-x-3">
 
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
 
 
 
@@ -307,13 +307,22 @@
             <li class="flex space-x-3">
 
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
 
 
 
                 <span class="text-sm text-gray-500">On-Call and Alerts</span>
             </li>
 
+            <li class="flex space-x-3">
+
+              <%- include('./Partials/tick-icon') %>
+
+
+
+                <span class="text-sm text-gray-500">Monitor VM's &amp; Servers</span>
+            </li>
+
 
 
 
@@ -324,18 +333,11 @@
 
 
 
-            <li class="flex space-x-3">
-
-              <%- include('./partials/comingsoon-icon') %>
-
-
-
-                <span class="text-sm text-gray-500">Monitor VM's &amp; Servers</span>
-            </li>
+            
 
             <li class="flex space-x-3">
 
-              <%- include('./partials/comingsoon-icon') %>
+              <%- include('./Partials/comingsoon-icon') %>
 
 
 
@@ -344,7 +346,7 @@
 
             <li class="flex space-x-3">
 
-              <%- include('./partials/comingsoon-icon') %>
+              <%- include('./Partials/comingsoon-icon') %>
 
 
 
@@ -353,7 +355,7 @@
 
             <li class="flex space-x-3">
 
-              <%- include('./partials/comingsoon-icon') %>
+              <%- include('./Partials/comingsoon-icon') %>
 
 
 
@@ -398,7 +400,7 @@
             <li class="flex space-x-3">
 
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
 
 
 
@@ -408,7 +410,7 @@
             <li class="flex space-x-3">
 
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
 
 
 
@@ -418,7 +420,7 @@
             <li class="flex space-x-3">
 
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
 
 
 
@@ -428,7 +430,7 @@
             <li class="flex space-x-3">
 
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
 
 
 
@@ -437,7 +439,7 @@
 
             <li class="flex space-x-3">
 
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
 
 
 
@@ -447,7 +449,7 @@
 
             <li class="flex space-x-3">
 
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
 
 
 
@@ -455,7 +457,7 @@
             </li>
             <li class="flex space-x-3">
 
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
 
 
 
@@ -463,7 +465,7 @@
             </li>
             <li class="flex space-x-3">
 
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
 
 
 
@@ -474,7 +476,7 @@
 
             <li class="flex space-x-3">
 
-              <%- include('./partials/comingsoon-icon') %>
+              <%- include('./Partials/comingsoon-icon') %>
 
 
 
@@ -487,7 +489,7 @@
 
             <li class="flex space-x-3">
 
-              <%- include('./partials/comingsoon-icon') %>
+              <%- include('./Partials/comingsoon-icon') %>
 
 
 
@@ -498,7 +500,7 @@
 
             <li class="flex space-x-3">
 
-              <%- include('./partials/comingsoon-icon') %>
+              <%- include('./Partials/comingsoon-icon') %>
 
 
 
@@ -553,7 +555,7 @@
 
             <li class="flex space-x-3">
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
 
 
                 <span class="text-sm text-gray-500">Ingest with OpenTelemetry</span>
@@ -561,7 +563,7 @@
 
             <li class="flex space-x-3">
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
 
 
                 <span class="text-sm text-gray-500">Ingest with Fluentd</span>
@@ -569,7 +571,7 @@
 
             <li class="flex space-x-3">
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
 
 
                 <span class="text-sm text-gray-500">Ingest +1000 Sources</span>
@@ -578,7 +580,7 @@
 
             <li class="flex space-x-3">
 
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
 
 
 
@@ -587,7 +589,7 @@
 
             <li class="flex space-x-3">
 
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
 
 
 
@@ -596,7 +598,7 @@
 
             <li class="flex space-x-3">
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
 
 
                 <span class="text-sm text-gray-500">Custom Queries</span>
@@ -605,7 +607,7 @@
 
             <li class="flex space-x-3">
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
 
 
                 <span class="text-sm text-gray-500">Security and Compliance</span>
@@ -613,7 +615,7 @@
 
             <li class="flex space-x-3">
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
 
 
                 <span class="text-sm text-gray-500">Advanced Workflows</span>
@@ -621,7 +623,7 @@
 
             <li class="flex space-x-3">
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
 
 
                 <span class="text-sm text-gray-500">Integrate with Slack / Teams</span>
@@ -634,7 +636,7 @@
 
             <li class="flex space-x-3">
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/comingsoon-icon') %>
+              <%- include('./Partials/comingsoon-icon') %>
 
 
                 <span class="text-sm text-gray-500">Alerting</span>
@@ -643,7 +645,7 @@
 
             <li class="flex space-x-3">
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/comingsoon-icon') %>
+              <%- include('./Partials/comingsoon-icon') %>
 
 
                 <span class="text-sm text-gray-500">Export to Data Warehouse</span>
@@ -684,14 +686,14 @@
 
             <li class="flex space-x-3">
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
 
 
                 <span class="text-sm text-gray-500">Ingest with OpenTelemetry</span>
             </li>
             <li class="flex space-x-3">
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
 
 
                 <span class="text-sm text-gray-500">APM with OpenTelemetry</span>
@@ -700,7 +702,7 @@
 
             <li class="flex space-x-3">
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
 
 
                 <span class="text-sm text-gray-500">Cross Microservice Visibility</span>
@@ -708,7 +710,7 @@
 
             <li class="flex space-x-3">
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
 
 
                 <span class="text-sm text-gray-500">Distributed Tracing</span>
@@ -716,7 +718,7 @@
 
             <li class="flex space-x-3">
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
 
 
                 <span class="text-sm text-gray-500">Deployment Tracking</span>
@@ -724,7 +726,7 @@
 
             <li class="flex space-x-3">
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
 
 
                 <span class="text-sm text-gray-500">Frontend Monitoring</span>
@@ -732,7 +734,7 @@
 
             <li class="flex space-x-3">
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
 
 
                 <span class="text-sm text-gray-500">Backend Monitoring</span>
@@ -740,7 +742,7 @@
 
             <li class="flex space-x-3">
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
 
 
                 <span class="text-sm text-gray-500">Query Monitoring</span>
@@ -748,7 +750,7 @@
 
             <li class="flex space-x-3">
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
 
 
                 <span class="text-sm text-gray-500">Code Level Tracing</span>
@@ -759,7 +761,7 @@
 
             <li class="flex space-x-3">
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/tick-icon') %>
+              <%- include('./Partials/tick-icon') %>
 
 
                 <span class="text-sm text-gray-500">Integrate with Slack / Teams</span>
@@ -772,7 +774,7 @@
 
             <li class="flex space-x-3">
               <!-- Heroicon name: mini/check -->
-              <%- include('./partials/comingsoon-icon') %>
+              <%- include('./Partials/comingsoon-icon') %>
 
 
                 <span class="text-sm text-gray-500">Advanced Workflows</span>
@@ -811,7 +813,7 @@
           <ul role="list" class="mt-6 space-y-4">
             <li class="flex space-x-3">
 
-              <%- include('./partials/comingsoon-icon') %>
+              <%- include('./Partials/comingsoon-icon') %>
 
 
 
@@ -819,7 +821,7 @@
             </li>
             <li class="flex space-x-3">
 
-              <%- include('./partials/comingsoon-icon') %>
+              <%- include('./Partials/comingsoon-icon') %>
 
 
 
@@ -828,7 +830,7 @@
 
             <li class="flex space-x-3">
 
-              <%- include('./partials/comingsoon-icon') %>
+              <%- include('./Partials/comingsoon-icon') %>
 
 
 
@@ -837,7 +839,7 @@
 
             <li class="flex space-x-3">
 
-              <%- include('./partials/comingsoon-icon') %>
+              <%- include('./Partials/comingsoon-icon') %>
 
 
 
@@ -846,7 +848,7 @@
 
             <li class="flex space-x-3">
 
-              <%- include('./partials/comingsoon-icon') %>
+              <%- include('./Partials/comingsoon-icon') %>
 
 
 
@@ -855,7 +857,7 @@
 
             <li class="flex space-x-3">
 
-              <%- include('./partials/comingsoon-icon') %>
+              <%- include('./Partials/comingsoon-icon') %>
 
 
 
@@ -864,7 +866,7 @@
 
             <li class="flex space-x-3">
 
-              <%- include('./partials/comingsoon-icon') %>
+              <%- include('./Partials/comingsoon-icon') %>
 
 
 
@@ -873,7 +875,7 @@
 
             <li class="flex space-x-3">
 
-              <%- include('./partials/comingsoon-icon') %>
+              <%- include('./Partials/comingsoon-icon') %>
 
 
 
@@ -882,7 +884,7 @@
 
             <li class="flex space-x-3">
 
-              <%- include('./partials/comingsoon-icon') %>
+              <%- include('./Partials/comingsoon-icon') %>
 
 
 
@@ -891,7 +893,7 @@
 
             <li class="flex space-x-3">
 
-              <%- include('./partials/comingsoon-icon') %>
+              <%- include('./Partials/comingsoon-icon') %>
 
 
 
@@ -900,7 +902,7 @@
 
             <li class="flex space-x-3">
 
-              <%- include('./partials/comingsoon-icon') %>
+              <%- include('./Partials/comingsoon-icon') %>
 
 
 
@@ -944,7 +946,7 @@
 
             <li class="flex space-x-3">
 
-              <%- include('./partials/comingsoon-icon') %>
+              <%- include('./Partials/comingsoon-icon') %>
 
 
 
@@ -953,7 +955,7 @@
 
             <li class="flex space-x-3">
 
-              <%- include('./partials/comingsoon-icon') %>
+              <%- include('./Partials/comingsoon-icon') %>
 
 
 
@@ -962,7 +964,7 @@
 
             <li class="flex space-x-3">
 
-              <%- include('./partials/comingsoon-icon') %>
+              <%- include('./Partials/comingsoon-icon') %>
 
 
 
@@ -973,7 +975,7 @@
 
             <li class="flex space-x-3">
 
-              <%- include('./partials/comingsoon-icon') %>
+              <%- include('./Partials/comingsoon-icon') %>
 
 
 
@@ -982,7 +984,7 @@
 
             <li class="flex space-x-3">
 
-              <%- include('./partials/comingsoon-icon') %>
+              <%- include('./Partials/comingsoon-icon') %>
 
 
 
@@ -991,7 +993,7 @@
 
             <li class="flex space-x-3">
 
-              <%- include('./partials/comingsoon-icon') %>
+              <%- include('./Partials/comingsoon-icon') %>
 
 
 
@@ -1001,7 +1003,7 @@
 
             <li class="flex space-x-3">
 
-              <%- include('./partials/comingsoon-icon') %>
+              <%- include('./Partials/comingsoon-icon') %>
 
 
 
@@ -1010,7 +1012,7 @@
 
             <li class="flex space-x-3">
 
-              <%- include('./partials/comingsoon-icon') %>
+              <%- include('./Partials/comingsoon-icon') %>
 
 
 
@@ -1019,7 +1021,7 @@
 
             <li class="flex space-x-3">
 
-              <%- include('./partials/comingsoon-icon') %>
+              <%- include('./Partials/comingsoon-icon') %>
 
 
 
@@ -1027,7 +1029,7 @@
             </li>
             <li class="flex space-x-3">
 
-              <%- include('./partials/comingsoon-icon') %>
+              <%- include('./Partials/comingsoon-icon') %>
 
 
 
@@ -1035,7 +1037,7 @@
             </li>
             <li class="flex space-x-3">
 
-              <%- include('./partials/comingsoon-icon') %>
+              <%- include('./Partials/comingsoon-icon') %>
 
 
 

App/FeatureSet/Home/Views/footer.ejs

@@ -6,7 +6,7 @@
       <div class="xl:grid xl:grid-cols-3 xl:gap-8">
         <div class="space-y-8">
           <img class="h-20 -ml-2 -mb-5 -mt-5" src="/img/logo-gray.svg" alt="OneUptime">
-          <p class="text-sm leading-6 text-gray-600">OneUptime is the complete open-source observability platform.</p>
+          <p class="text-sm leading-6 text-gray-600">OneUptime is the complete observability platform. OneUptime is open-source and always will be.</p>
           <div class="flex space-x-6">
 
             <a href="https://twitter.com/oneuptimehq" target="_blank" class="text-gray-400 hover:text-gray-500">
@@ -97,7 +97,12 @@
               <ul role="list" class="mt-6 space-y-4">
 
                 <li>
-                  <a href="/reference" class="text-sm leading-6 text-gray-600 hover:text-gray-900">API Documentation</a>
+                  <a href="/docs" class="text-sm leading-6 text-gray-600 hover:text-gray-900">Docs</a>
+                </li>
+
+
+                <li>
+                  <a href="/reference" class="text-sm leading-6 text-gray-600 hover:text-gray-900">API Reference</a>
                 </li>
 
                 <li>
@@ -113,7 +118,7 @@
                 </li>
 
                 <li>
-                  <a href="https://blog.oneuptime.com" target="_blank" class="text-sm leading-6 text-gray-600 hover:text-gray-900">Blog</a>
+                  <a href="/blog" target="_blank" class="text-sm leading-6 text-gray-600 hover:text-gray-900">Blog</a>
                 </li>
 
                 <li>

App/FeatureSet/Home/Views/head-basic.ejs

@@ -33,6 +33,29 @@
         top: 0;
         width: auto;
     }
+
+    /*Chrome*/
+    @media screen and (-webkit-min-device-pixel-ratio:0) {
+        input[type='range']::-webkit-slider-thumb {
+            width: 20px;
+            -webkit-appearance: none;
+            border-radius: 50%;
+            height: 20px;
+            cursor: pointer;
+            background: #4b5563;
+        }
+    }
+
+    /*Firefox*/
+    input[type='range']::-moz-range-thumb {
+        width: 16px;
+        -webkit-appearance: none;
+        border-radius: 50%;
+        height: 16px;
+        cursor: pointer;
+        background: #4b5563;
+        border-color: #4b5563;
+    }
 </style>
 <script src="https://cdn.tailwindcss.com"></script>
 
@@ -55,15 +78,15 @@
 </style>
 
 <script>
-    !function(t,e){var o,n,p,r;e.__SV||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.async=!0,p.src=s.api_host+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="capture identify alias people.set people.set_once set_config register register_once unregister opt_out_capturing has_opted_out_capturing opt_in_capturing reset isFeatureEnabled onFeatureFlags getFeatureFlag getFeatureFlagPayload reloadFeatureFlags group updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures getActiveMatchingSurveys getSurveys".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[]);
-    posthog.init('phc_lrbfSHsDc1YOhfbabPI8ncLCKz8eqeGdmu0O6IRKaz1',{api_host:'https://eu.posthog.com', autocapture: false})
+    !function (t, e) { var o, n, p, r; e.__SV || (window.posthog = e, e._i = [], e.init = function (i, s, a) { function g(t, e) { var o = e.split("."); 2 == o.length && (t = t[o[0]], e = o[1]), t[e] = function () { t.push([e].concat(Array.prototype.slice.call(arguments, 0))) } } (p = t.createElement("script")).type = "text/javascript", p.async = !0, p.src = s.api_host + "/static/array.js", (r = t.getElementsByTagName("script")[0]).parentNode.insertBefore(p, r); var u = e; for (void 0 !== a ? u = e[a] = [] : a = "posthog", u.people = u.people || [], u.toString = function (t) { var e = "posthog"; return "posthog" !== a && (e += "." + a), t || (e += " (stub)"), e }, u.people.toString = function () { return u.toString(1) + ".people (stub)" }, o = "capture identify alias people.set people.set_once set_config register register_once unregister opt_out_capturing has_opted_out_capturing opt_in_capturing reset isFeatureEnabled onFeatureFlags getFeatureFlag getFeatureFlagPayload reloadFeatureFlags group updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures getActiveMatchingSurveys getSurveys".split(" "), n = 0; n < o.length; n++)g(u, o[n]); e._i.push([i, s, a]) }, e.__SV = 1) }(document, window.posthog || []);
+    posthog.init('phc_lrbfSHsDc1YOhfbabPI8ncLCKz8eqeGdmu0O6IRKaz1', { api_host: 'https://eu.posthog.com', autocapture: false })
 </script>
 
 <script>
     document.addEventListener('DOMContentLoaded', function () {
         //check if utm_source is present in the URL and save it to localstorage. 
 
-        if(posthog){
+        if (posthog) {
             posthog.capture('home/page_view', {
                 'page': {
                     'path': window.location.pathname,
@@ -117,36 +140,4 @@
 <link rel="icon" href="/img/ou-wb.svg">
 <link rel="image_src" type="image/png" href="/img/hou-wb.svg">
 <link rel="canonical" href="/">
-<link rel="manifest" href="/manifest.json">
-<meta property="og:title" content="OneUptime - One Complete Observability platform.">
-<meta property="og:url" content="https://oneuptime.com">
-<meta property="og:type" content="website" />
-<meta property="og:description"
-    content="OneUptime monitors websites, API's, and servers and alerts your team if something goes wrong. It also keeps your customers updated about any downtime. ">
-<meta property="og:image" content="https://oneuptime.com/img/hou-wb.svg">
-
-<meta name="twitter:card" content="summary">
-<meta name="theme-color" content="#000000">
-<meta name="twitter:image" content="/img/ou-wb.svg">
-<meta name="twitter:site" content="@oneuptimeinc">
-<meta name="twitter:title" content="OneUptime - One Complete Observability platform.">
-<meta name="twitter:description"
-    content="OneUptime monitors websites, API's, and servers and alerts your team if something goes wrong. It also keeps your customers updated about any downtime.">
-
-
-
-<script type="application/ld+json">
-    {
-    "@context": "http://schema.org",
-    "@type": "Corporation",
-    "name": "OneUptime",
-    "url": "https://www.oneuptime.com",
-    "logo": "https://oneuptime.com/img/ou-bb.svg",
-    "sameAs": [
-        "https://www.facebook.com/oneuptimeinc",
-        "https://twitter.com/OneUptimeInc",
-        "https://www.linkedin.com/company/oneuptime"
-    ],
-    "description": "OneUptime monitors websites, API's, and servers and alerts your team if something goes wrong. It also keeps your customers updated about any downtime."
-}
-</script>
+<link rel="manifest" href="/manifest.json">

App/FeatureSet/Home/Views/head-social.ejs

@@ -0,0 +1,32 @@
+<meta property="og:title" content="OneUptime - One Complete Observability platform.">
+<meta property="og:url" content="https://oneuptime.com">
+<meta property="og:type" content="website" />
+<meta property="og:description"
+    content="OneUptime monitors websites, API's, and servers and alerts your team if something goes wrong. It also keeps your customers updated about any downtime. ">
+<meta property="og:image" content="https://oneuptime.com/img/hou-wb.svg">
+
+<meta name="twitter:card" content="summary">
+<meta name="theme-color" content="#000000">
+<meta name="twitter:image" content="/img/ou-wb.svg">
+<meta name="twitter:site" content="@oneuptimeinc">
+<meta name="twitter:title" content="OneUptime - One Complete Observability platform.">
+<meta name="twitter:description"
+    content="OneUptime monitors websites, API's, and servers and alerts your team if something goes wrong. It also keeps your customers updated about any downtime.">
+
+
+
+<script type="application/ld+json">
+    {
+    "@context": "http://schema.org",
+    "@type": "Corporation",
+    "name": "OneUptime",
+    "url": "https://www.oneuptime.com",
+    "logo": "https://oneuptime.com/img/ou-bb.svg",
+    "sameAs": [
+        "https://www.facebook.com/oneuptimeinc",
+        "https://twitter.com/OneUptimeInc",
+        "https://www.linkedin.com/company/oneuptime"
+    ],
+    "description": "OneUptime monitors websites, API's, and servers and alerts your team if something goes wrong. It also keeps your customers updated about any downtime."
+}
+</script>

App/FeatureSet/Home/Views/head.ejs

@@ -0,0 +1,2 @@
+<%- include('./head-basic') -%>
+<%- include('./head-social') -%>

App/FeatureSet/Home/Views/incident-management.ejs

@@ -34,7 +34,7 @@
             class="relative -m-2 rounded-xl bg-gray-900/5 p-2 ring-1 ring-inset ring-gray-900/10 lg:-m-4 lg:rounded-2xl lg:p-4">
               <img src="/img/incidents.png" alt="App screenshot" width="2432" height="1442"
                 class="rounded-md shadow-2xl ring-1 ring-gray-900/10">
-                <%- include('./partials/watch-demo.ejs', {videoId: "_fQ_F4EisBQ"}) -%>
+                <%- include('./Partials/watch-demo.ejs', {videoId: "_fQ_F4EisBQ"}) -%>
           </div>
         </div>
       </div>
@@ -310,7 +310,7 @@
       <%- include('features-table') -%>
       <%- include('cta') -%>
       <%- include('footer') -%>
-      <%- include('./partials/video-script') -%>
+      <%- include('./Partials/video-script') -%>
   
 
 </body>

App/FeatureSet/Home/Views/index.ejs

@@ -39,7 +39,7 @@
                   </div>
                 </a>
               </div>
-              <h1 class="text-4xl font-bold tracking-tight text-gray-900 sm:text-6xl">How engineers build reliable software.</h1>
+              <h1 class="text-4xl font-bold tracking-tight text-gray-900 sm:text-6xl">Build reliable software.</h1>
               <p class="mt-6 text-xl sm:text-2xl leading-8 text-gray-600">Monitor, Observe, Debug, Resolve. Everything you need to build reliable software in one open source platform.</p>
               <div class="mt-10 flex items-center justify-center gap-x-6">
                 <a href="/accounts/register" class="rounded-md bg-indigo-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">Get started</a>
@@ -60,7 +60,7 @@
      
       <%- include('logo-roll') -%>
 
-        <%- include('./partials/product-tabs') -%>
+        <%- include('./Partials/product-tabs') -%>
 
           <%- include('testimonials') -%>
 
@@ -79,7 +79,7 @@
                 <%- include('cta') -%>
                   <%- include('footer') -%>
 
-                    <%- include('./partials/video-script') -%>
+                    <%- include('./Partials/video-script') -%>
 
 
 </body>