@justdanielndev/status-page 1.17.0

package/src/utils/createOctokit.js

@@ -0,0 +1,67 @@
+import { Octokit } from "@octokit/rest";
+import config from "../data/config.json";
+
+let { apiBaseUrl, userContentBaseUrl } = config["status-website"] || {};
+if (!apiBaseUrl) apiBaseUrl = "https://api.github.com";
+if (!userContentBaseUrl) userContentBaseUrl = "https://raw.githubusercontent.com";
+
+const userAgent = config.userAgent;
+
+export const createOctokit = () => {
+  let token = "";
+  if (
+    typeof window !== "undefined" &&
+    "localStorage" in window &&
+    localStorage.getItem("personal-access-token")
+  )
+    token = localStorage.getItem("personal-access-token");
+
+  const baseUrl = apiBaseUrl;
+  return new Octokit({
+    baseUrl,
+    userAgent,
+    auth: token || undefined,
+  });
+};
+
+export const handleError = (error) => {
+  if (error.message === "Bad credentials") {
+    window.location.href = config.path + "/error";
+  } else if ((error.message || "").indexOf("rate limit exceeded") > -1) {
+    window.location.href = config.path + "/rate-limit-exceeded";
+  } else {
+    window.location.href = config.path + "/error";
+    console.log(error.message);
+  }
+};
+
+/**
+ * Memoize a GitHub API response in local storage
+ * @param {string} key - Local storage cache key
+ * @param {Function} fn - Function that returns the result
+ */
+export const cachedResponse = async (key, fn) => {
+  try {
+    if (typeof window !== "undefined") {
+      if ("localStorage" in window && typeof document !== "undefined" && "domain" in document) {
+        const data = localStorage.getItem(key);
+        if (data) {
+          const item = JSON.parse(data);
+          if (
+            new Date().getTime() - new Date(item.createdAt || "").getTime() >
+            (document.domain === "localhost"
+              ? config["status-website"].localhostCacheTime || 3600000
+              : config["status-website"].productionCacheTime || 120000)
+          ) {
+            localStorage.removeItem(key);
+          } else {
+            return item.data;
+          }
+        }
+      }
+    }
+  } catch (error) {}
+  const i = await fn();
+  localStorage.setItem(key, JSON.stringify({ data: i, createdAt: new Date() }));
+  return i;
+};

package/static/global.css

@@ -0,0 +1,203 @@
+body {
+  margin: 0;
+  font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell,
+    Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+  line-height: 1.5;
+  padding-bottom: 2.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin: 0 0 0.5em 0;
+  font-weight: 400;
+  line-height: 1.2;
+}
+
+h1 {
+  font-size: 2em;
+}
+
+a {
+  color: inherit;
+}
+
+@media (min-width: 400px) {
+  body {
+    font-size: 16px;
+  }
+}
+
+.container {
+  max-width: 800px;
+  margin: 0 auto;
+  padding: 0 2rem;
+  box-sizing: border-box;
+}
+
+article {
+  padding: 1rem 1.25rem;
+  position: relative;
+  border-radius: 0.2rem;
+  border: 1px solid;
+}
+article.link a::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+}
+article + article {
+  margin-top: 0.5rem;
+}
+article + h3 {
+  margin-top: 1rem;
+}
+h3 {
+  opacity: 0.75;
+}
+h4 {
+  font-weight: bold;
+}
+article.down {
+  border-left: 0.2rem solid;
+}
+article.degraded {
+  border-left: 0.2rem solid;
+}
+article.up {
+  border-left: 0.2rem solid;
+}
+
+.f {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  flex-wrap: wrap;
+}
+
+section + h2 {
+  margin-top: 2rem;
+}
+
+.tag {
+  display: inline-block;
+  padding: 0.33rem 0.5rem;
+  border-radius: 0.2rem;
+  font-size: 70%;
+  vertical-align: middle;
+  margin-top: -0.2rem;
+  margin-left: 0.5rem;
+}
+
+dl {
+  margin-bottom: 1.5rem;
+}
+dl dt {
+  font-weight: bold;
+}
+dl dd {
+  margin: 0 0 1rem 0;
+}
+
+nav {
+  border-bottom: 1px solid;
+}
+
+[aria-current] {
+  border-bottom: 2px solid;
+}
+
+a.error-button {
+  border: 0.1rem solid;
+}
+
+/* Theming */
+
+.submit-button {
+  background: #01a3a4;
+  color: #fff;
+  border-color: transparent;
+}
+
+body {
+  background: var(--body-background-color);
+  color: var(--body-text-color);
+}
+
+code {
+  color: var(--code-color);
+  background: var(--code-background-color);
+}
+
+article {
+  background: var(--card-background-color);
+  border-color: var(--card-border-color);
+}
+
+article.down {
+  border-left-color: var(--down-border-left-color) !important;
+  color: var(--down-color-color);
+}
+article.down-active {
+  background: var(--down-background-color);
+  border-color: var(--down-border-left-color);
+}
+article.degraded {
+  border-left-color: var(--degraded-border-left-color) !important;
+  color: var(--degraded-color-color);
+}
+article.up {
+  border-left-color: var(--up-border-left-color) !important;
+  color: var(--up-color-color);
+}
+
+.tag {
+  color: var(--tag-color);
+}
+.tag.closed,
+.tag.up {
+  background: var(--tag-up-background-color) !important;
+}
+.tag.open,
+.tag.down {
+  background: var(--tag-down-background-color) !important;
+}
+.tag.degraded {
+  background: var(--tag-degraded-background-color) !important;
+}
+
+.changed + section .data {
+  background: var(--change-background-color);
+}
+
+nav {
+  border-bottom-color: var(--nav-border-bottom-color);
+  background: var(--nav-background-color);
+}
+
+[aria-current] {
+  border-bottom-color: var(--nav-current-border-bottom-color);
+}
+
+a.error-button {
+  border-color: var(--error-button-border-color);
+  background: var(--error-button-background-color);
+  color: var(--error-button-color);
+}
+
+.submit-button {
+  background: var(--submit-button-background-color);
+  color: var(--submit-button-color);
+  border-color: var(--submit-button-border-color);
+}
+
+article .graph {
+  opacity: var(--graph-opacity);
+  filter: var(--graph-filter);
+}

package/static/manifest.json

@@ -0,0 +1,20 @@
+{
+  "background_color": "#ffffff",
+  "theme_color": "#333333",
+  "name": "Upptime",
+  "short_name": "Upptime",
+  "display": "minimal-ui",
+  "start_url": "/",
+  "icons": [
+    {
+      "src": "logo-192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "logo-512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ]
+}

package/static/themes/dark.css

@@ -0,0 +1,26 @@
+:root {
+  --body-background-color: #001716;
+  --body-text-color: #f0ffff;
+  --card-background-color: #002b29;
+  --nav-background-color: #002b29;
+  --nav-border-bottom-color: #015450;
+  --nav-current-border-bottom-color: #1abc9c;
+  --card-border-color: #015450;
+  --down-border-left-color: #eb3b5a;
+  --down-background-color: #6b1020;
+  --degraded-border-left-color: #f7b731;
+  --up-border-left-color: #20bf6b;
+  --tag-color: #002b29;
+  --tag-up-background-color: #20bf6b;
+  --tag-down-background-color: #eb3b5a;
+  --tag-degraded-background-color: #f7b731;
+  --change-background-color: #f7b731;
+  --error-button-border-color: #1a46ad;
+  --error-button-background-color: #3867d6;
+  --error-button-color: #ffffff;
+  --submit-button-border-color: #1a46ad;
+  --submit-button-background-color: #3867d6;
+  --submit-button-color: #ffffff;
+  --graph-opacity: 1;
+  --graph-filter: none;
+}

package/static/themes/light.css

@@ -0,0 +1,26 @@
+:root {
+  --body-background-color: #f0f7f7;
+  --body-text-color: #002626;
+  --card-background-color: #ffffff;
+  --nav-background-color: #ffffff;
+  --nav-border-bottom-color: #d8e8e4;
+  --nav-current-border-bottom-color: #1abc9c;
+  --card-border-color: #d8e8e4;
+  --down-border-left-color: #eb3b5a;
+  --down-background-color: #ffd0d2;
+  --degraded-border-left-color: #f7b731;
+  --up-border-left-color: #20bf6b;
+  --tag-color: #ffffff;
+  --tag-up-background-color: #20bf6b;
+  --tag-down-background-color: #eb3b5a;
+  --tag-degraded-background-color: #f7b731;
+  --change-background-color: #f7b731;
+  --error-button-border-color: #1a46ad;
+  --error-button-background-color: #3867d6;
+  --error-button-color: #ffffff;
+  --submit-button-border-color: #1a46ad;
+  --submit-button-background-color: #3867d6;
+  --submit-button-color: #ffffff;
+  --graph-opacity: 1;
+  --graph-filter: none;
+}

package/static/themes/night.css

@@ -0,0 +1,26 @@
+:root {
+  --body-background-color: #0d1117;
+  --body-text-color: #c9d1d9;
+  --card-background-color: #30363D;
+  --nav-background-color: #161b22;
+  --nav-border-bottom-color: #161b22;
+  --nav-current-border-bottom-color: #1abc9c;
+  --card-border-color: #30363D;
+  --down-border-left-color: #eb3b5a;
+  --down-background-color: #6b1020;
+  --degraded-border-left-color: #f7b731;
+  --up-border-left-color: #22993D;
+  --tag-color: #0d1117;
+  --tag-up-background-color: #22993D;
+  --tag-down-background-color: #F03A17;
+  --tag-degraded-background-color: #f7b731;
+  --change-background-color: #f7b731;
+  --error-button-border-color: #1a46ad;
+  --error-button-background-color: #3867d6;
+  --error-button-color: #ffffff;
+  --submit-button-border-color: #1a46ad;
+  --submit-button-background-color: #3867d6;
+  --submit-button-color: #ffffff;
+  --graph-opacity: 1;
+  /* --graph-filter: brightness(0.35) sepia(1) hue-rotate(88deg) saturate(8); */
+}

package/static/themes/ocean.css

@@ -0,0 +1,26 @@
+:root {
+  --body-background-color: #011945;
+  --body-text-color: #f0ffff;
+  --card-background-color: #0d2f6e;
+  --nav-background-color: #0d2f6e;
+  --nav-border-bottom-color: #002d80;
+  --nav-current-border-bottom-color: #1abc9c;
+  --card-border-color: #002d80;
+  --down-border-left-color: #eb3b5a;
+  --down-background-color: #6b1020;
+  --degraded-border-left-color: #f7b731;
+  --up-border-left-color: #20bf6b;
+  --tag-color: #0d2f6e;
+  --tag-up-background-color: #20bf6b;
+  --tag-down-background-color: #eb3b5a;
+  --tag-degraded-background-color: #f7b731;
+  --change-background-color: #f7b731;
+  --error-button-border-color: #1a46ad;
+  --error-button-background-color: #3867d6;
+  --error-button-color: #ffffff;
+  --submit-button-border-color: #1a46ad;
+  --submit-button-background-color: #3867d6;
+  --submit-button-color: #ffffff;
+  --graph-opacity: 1;
+  --graph-filter: none;
+}

package/tsconfig.json

@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "moduleResolution": "node",
+    "target": "esnext",
+    "module": "commonjs",
+    "lib": ["dom", "esnext"],
+    "strict": true,
+    "sourceMap": true,
+    "declaration": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "declarationDir": "./dist",
+    "outDir": "./dist",
+    "typeRoots": ["node_modules/@types", "@types"]
+  },
+  "include": ["src", "tooling"],
+  "exclude": ["node_modules"]
+}