logster 2.21.0 → 3.0.1

data/client-app/app/lib/utilities.js

@@ -1,230 +0,0 @@
-import Preload, { getRootPath } from "client-app/lib/preload";
-
-const entityMap = {
-  "&": "&",
-  "<": "&lt;",
-  ">": "&gt;",
-  '"': "&quot;",
-  "'": "&#39;",
-  "/": "&#x2F;",
-};
-
-export function escapeHtml(string) {
-  return String(string).replace(/[&<>"'/]/g, (s) => entityMap[s]);
-}
-
-export function ajax(url, settings) {
-  // eslint-disable-next-line no-restricted-globals
-  return new Promise((resolve, reject) => {
-    settings ||= {};
-    const xhr = new XMLHttpRequest();
-    url = getRootPath() + url;
-
-    if (settings.data) {
-      for (const [param, value] of Object.entries(settings.data)) {
-        url += url.includes("?") ? "&" : "?";
-        url += `${param}=${encodeURIComponent(value)}`;
-      }
-    }
-
-    xhr.open(settings.method || settings.type || "GET", url);
-    xhr.setRequestHeader("X-SILENCE-LOGGER", true);
-
-    if (settings.headers) {
-      for (const [header, value] of Object.entries(settings.headers)) {
-        xhr.setRequestHeader(header, value);
-      }
-    }
-
-    xhr.onreadystatechange = () => {
-      if (xhr.readyState === 4) {
-        let status = xhr.status;
-        if ((status >= 200 && status < 300) || status === 304) {
-          const type = xhr.getResponseHeader("Content-Type");
-          let data = xhr.responseText;
-          if (/\bjson\b/.test(type)) {
-            data = JSON.parse(data);
-          }
-          resolve(data);
-        } else {
-          reject(xhr);
-        }
-      }
-    };
-
-    xhr.send();
-  });
-}
-
-export async function preloadOrAjax(url, settings) {
-  const preloaded = Preload.get(url.replace(".json", ""));
-  if (preloaded) {
-    return preloaded;
-  } else {
-    return await ajax(url, settings);
-  }
-}
-
-let HIDDEN_PROPERTY;
-let TITLE;
-let TITLE_COUNT;
-
-export function updateHiddenProperty(property) {
-  HIDDEN_PROPERTY = property;
-}
-
-export function isHidden() {
-  if (HIDDEN_PROPERTY !== undefined) {
-    return document[HIDDEN_PROPERTY];
-  } else {
-    return !document.hasFocus;
-  }
-}
-
-export function increaseTitleCount(increment) {
-  if (!isHidden()) {
-    return;
-  }
-
-  TITLE ||= document.title;
-  TITLE_COUNT ||= 0;
-  TITLE_COUNT += increment;
-  document.title = `${TITLE} (${TITLE_COUNT})`;
-}
-
-export function resetTitleCount() {
-  TITLE_COUNT = 0;
-  document.title = TITLE || document.title;
-}
-
-export function formatTime(timestamp) {
-  const time = moment(timestamp);
-  const now = moment();
-
-  if (time.diff(now.startOf("day")) > 0) {
-    return time.format("h:mm a");
-  } else if (time.diff(now.startOf("week")) > 0) {
-    return time.format("dd h:mm a");
-  } else if (time.diff(now.startOf("year")) > 0) {
-    return time.format("D MMM h:mm a");
-  } else {
-    return time.format("D MMM YY");
-  }
-}
-
-export function buildArrayString(array) {
-  const buffer = array.map((v) => {
-    if (v === null) {
-      return "null";
-    } else if (Array.isArray(v)) {
-      return buildArrayString(v);
-    } else {
-      return escapeHtml(v.toString());
-    }
-  });
-
-  return "[" + buffer.join(", ") + "]";
-}
-
-export function buildHashString(hash, recurse, expanded = []) {
-  if (!hash) {
-    return "";
-  }
-
-  const buffer = [];
-  const hashes = [];
-  const expandableKeys = Preload.get("env_expandable_keys") || [];
-
-  for (const [k, v] of Object.entries(hash)) {
-    if (v === null) {
-      buffer.push("null");
-    } else if (Object.prototype.toString.call(v) === "[object Array]") {
-      let valueHtml = "";
-      if (
-        expandableKeys.includes(k) &&
-        !recurse &&
-        !expanded.includes(k) &&
-        v.length > 3
-      ) {
-        valueHtml = `${escapeHtml(
-          v[0]
-        )}, <a class="expand-list" data-key=${k}>${v.length - 1} more</a>`;
-      } else {
-        valueHtml = `${escapeHtml(v[0])}, ${buildArrayString(
-          v.slice(1, v.length)
-        )}`;
-      }
-      buffer.push(`<tr><td>${escapeHtml(k)}</td><td>${valueHtml}</td></tr>`);
-    } else if (typeof v === "object") {
-      hashes.push(k);
-    } else {
-      if (k === "time" && typeof v === "number") {
-        const title = moment(v).format();
-        const time = formatTime(v);
-        buffer.push(`<tr title="${title}"><td>${k}</td><td>${time}</td></tr>`);
-      } else {
-        buffer.push(
-          `<tr><td>${escapeHtml(k)}</td><td>${escapeHtml(v)}</td></tr>`
-        );
-      }
-    }
-  }
-
-  for (const k1 of hashes) {
-    const v = hash[k1];
-    buffer.push("<tr><td></td><td><table>");
-    buffer.push(
-      `<td>${escapeHtml(k1)}</td><td>${buildHashString(v, true)}</td>`
-    );
-    buffer.push("</table></td></tr>");
-  }
-
-  const className = recurse ? "" : "env-table";
-  return `<table class='${className}'>${buffer.join("\n")}</table>`;
-}
-
-export function clone(object) {
-  // simple function to clone an object
-  // we don't need it fancier than this
-  const copy = {};
-  for (const [k, v] of Object.entries(object)) {
-    copy[k] = v;
-  }
-  return copy;
-}
-
-export function setLocalStorage(key, value) {
-  try {
-    if (window.localStorage) {
-      key = "logster-" + key;
-      window.localStorage.setItem(key, value);
-    }
-  } catch {
-    /* do nothing */
-  }
-}
-
-export function getLocalStorage(key, fallback) {
-  try {
-    if (window.localStorage) {
-      key = "logster-" + key;
-      const value = window.localStorage.getItem(key);
-      if (value === null) {
-        // key doesn't exist
-        return fallback;
-      }
-      if (value === "true") {
-        return true;
-      }
-      if (value === "false") {
-        return false;
-      }
-      // Add more cases here for numbers, null, undefined etc. as/when needed
-      return value;
-    } else {
-      return fallback;
-    }
-  } catch {
-    return fallback;
-  }
-}

data/client-app/app/models/group.js

@@ -1,34 +0,0 @@
-import classic from "ember-classic-decorator";
-import { reads } from "@ember/object/computed";
-import Message from "client-app/models/message";
-import EmberObject, { computed } from "@ember/object";
-import { ajax } from "client-app/lib/utilities";
-
-@classic
-export default class Group extends EmberObject {
-  selected = false;
-  showCount = true;
-
-  @reads("regex") key;
-  @reads("messages.firstObject.message") displayMessage;
-
-  init() {
-    super.init(...arguments);
-    const messages = this.messages.map((m) => Message.create(m));
-    this.set("messages", messages);
-  }
-
-  @computed
-  get glyph() {
-    return "clone";
-  }
-
-  @computed
-  get prefix() {
-    return "far";
-  }
-
-  solveAll() {
-    return ajax("/solve-group", { type: "POST", data: { regex: this.regex } });
-  }
-}

data/client-app/app/models/message-collection.js

@@ -1,303 +0,0 @@
-import classic from "ember-classic-decorator";
-import { ajax, increaseTitleCount } from "client-app/lib/utilities";
-import Message from "client-app/models/message";
-import Group from "client-app/models/group";
-import { compare } from "@ember/utils";
-import EmberObject, { computed } from "@ember/object";
-import { A } from "@ember/array";
-
-const BATCH_SIZE = 50;
-export const SEVERITIES = ["Debug", "Info", "Warn", "Err", "Fatal"];
-
-@classic
-export default class MessageCollection extends EmberObject {
-  total = 0;
-  rows = A();
-  currentRow = null;
-  currentTab = null;
-  currentEnvPosition = 0;
-  currentGroupedMessagesPosition = 0;
-  search = "";
-
-  @computed(...SEVERITIES.map((s) => `show${s}`))
-  get filter() {
-    const filter = [];
-    SEVERITIES.forEach((severity, index) => {
-      if (this[`show${severity}`]) {
-        filter.push(index);
-      }
-    });
-    filter.push(5); // always show unknown, rare
-    return filter;
-  }
-
-  @computed("currentRow", "currentGroupedMessagesPosition")
-  get currentMessage() {
-    const row = this.currentRow;
-    const position = this.currentGroupedMessagesPosition;
-    if (row && row.group) {
-      return row.messages[position];
-    } else {
-      return row;
-    }
-  }
-
-  @computed("filter", "search.length")
-  get hideCountInLoadMore() {
-    const filter = this.filter;
-    return (
-      (this.search && this.search.length > 0) || (filter && filter.length < 6)
-    );
-  }
-
-  @computed("rows.length", "canLoadMore")
-  get moreBefore() {
-    return this.rows.length >= BATCH_SIZE && this.canLoadMore;
-  }
-
-  @computed("total", "rows.length")
-  get totalBefore() {
-    return this.total - this.rows.length;
-  }
-
-  @computed("search")
-  get regexSearch() {
-    const search = this.search;
-    if (search && search.length > 2 && search[0] === "/") {
-      const match = search.match(/\/(.*)\/(.*)/);
-      if (match && match.length === 3) {
-        try {
-          return new RegExp(match[1], match[2]);
-        } catch (err) {
-          // don't care
-        }
-      }
-    }
-    return null;
-  }
-
-  async solve(message) {
-    await message.solve();
-    this.reload();
-  }
-
-  selectRow(row, opts = {}) {
-    const old = this.currentRow;
-    if (old) {
-      old.set("selected", false);
-    }
-    row.set("selected", true);
-    const currentGroupedMessagesPosition = opts["messageIndex"] || 0;
-    const shouldRefresh =
-      currentGroupedMessagesPosition === this.currentGroupedMessagesPosition;
-    this.setProperties({
-      currentRow: row,
-      loadingEnv: false,
-      currentGroupedMessagesPosition,
-      currentEnvPosition: 0,
-    });
-    if (shouldRefresh) {
-      this.notifyPropertyChange("currentGroupedMessagesPosition");
-    }
-    const forceFetchEnv = this.currentMessage && !this.currentMessage.env;
-    this.fetchEnv({ force: forceFetchEnv });
-  }
-
-  tabChanged(newTab) {
-    this.setProperties({
-      currentTab: newTab,
-      loadingEnv: false,
-    });
-    this.fetchEnv();
-  }
-
-  groupedMessageChanged(newPosition) {
-    this.setProperties({
-      currentGroupedMessagesPosition: newPosition,
-      currentEnvPosition: 0,
-    });
-    const forceFetchEnv = this.currentMessage && !this.currentMessage.env;
-    this.fetchEnv({ force: forceFetchEnv });
-  }
-
-  envChanged(newPosition) {
-    this.set("currentEnvPosition", newPosition);
-    this.fetchEnv();
-  }
-
-  fetchEnv(opts = {}) {
-    const message = this.currentMessage;
-    if (
-      opts["force"] ||
-      (message && !message.env && this.currentTab === "env")
-    ) {
-      this.set("loadingEnv", true);
-      return message.fetchEnv().finally(() => this.set("loadingEnv", false));
-    }
-  }
-
-  findEquivalentMessageIndex(row) {
-    let messageIndex = 0;
-    if (
-      row?.group &&
-      this.currentRow?.group &&
-      row.key === this.currentRow.key
-    ) {
-      messageIndex = row.messages.mapBy("key").indexOf(this.currentMessage.key);
-      messageIndex = Math.max(0, messageIndex);
-    }
-
-    return messageIndex;
-  }
-
-  updateSelectedRow() {
-    const currentKey = this.currentRow?.key;
-
-    if (currentKey && this.rows) {
-      const match = this.rows.find((m) => m.key === currentKey);
-      if (match) {
-        const messageIndex = this.findEquivalentMessageIndex(match);
-        this.selectRow(match, { messageIndex });
-      } else {
-        this.setProperties({
-          currentRow: null,
-          currentEnvPosition: 0,
-          currentGroupedMessagesPosition: 0,
-        });
-      }
-    }
-  }
-
-  async load(opts) {
-    opts ||= {};
-
-    const data = {
-      filter: this.filter.join("_"),
-    };
-
-    if (this.search && this.search.length > 0) {
-      data.search = this.search;
-      const regexSearch = this.regexSearch;
-      if (regexSearch) {
-        data.regex_search = "true";
-      }
-    }
-
-    if (opts.before) {
-      data.before = opts.before;
-      if (opts.knownGroups) {
-        data.known_groups = opts.knownGroups;
-      }
-    }
-
-    if (opts.after) {
-      data.after = opts.after;
-    }
-
-    this.set("loading", true);
-
-    try {
-      const response = await ajax("/messages.json", {
-        data,
-        method: "POST",
-      });
-
-      // guard against race: ensure the results we're trying to apply
-      //                     match the current search terms
-      if (compare(response.filter, this.filter) !== 0) {
-        return;
-      }
-
-      if (compare(response.search, this.search) !== 0) {
-        return;
-      }
-
-      if (response.messages.length > 0) {
-        const newRows = this.toObjects(response.messages);
-
-        if (opts.before) {
-          this.rows.unshiftObjects(newRows);
-        } else {
-          for (const newRow of newRows) {
-            for (const row of this.rows) {
-              if (row.key !== newRow.key) {
-                continue;
-              }
-
-              this.rows.removeObject(row);
-
-              if (this.currentRow === row) {
-                const messageIndex = this.findEquivalentMessageIndex(newRow);
-                this.selectRow(newRow, { messageIndex });
-              }
-            }
-          }
-
-          this.rows.addObjects(newRows);
-
-          if (newRows.length > 0) {
-            increaseTitleCount(newRows.length);
-          }
-        }
-      }
-
-      this.set("total", response.total);
-      return response;
-    } finally {
-      this.set("loading", false);
-    }
-  }
-
-  async reload() {
-    this.set("total", 0);
-    this.rows.clear();
-
-    const data = await this.load();
-    this.updateCanLoadMore(data);
-  }
-
-  updateCanLoadMore(data) {
-    if (!data) {
-      return;
-    }
-
-    if (data.messages.length < BATCH_SIZE) {
-      this.set("canLoadMore", false);
-    } else {
-      this.set("canLoadMore", true);
-    }
-  }
-
-  loadMore() {
-    if (this.rows.length === 0) {
-      this.load({});
-      return;
-    }
-
-    const lastLog = this.rows[this.rows.length - 1];
-    const lastKey = lastLog.group ? lastLog.row_id : lastLog.key;
-
-    this.load({
-      after: lastKey,
-    });
-  }
-
-  async showMoreBefore() {
-    const firstLog = this.rows[0];
-    const firstKey = firstLog.group ? firstLog.row_id : firstLog.key;
-    const knownGroups = this.rows.filterBy("group").mapBy("regex");
-
-    const data = await this.load({
-      before: firstKey,
-      knownGroups,
-    });
-
-    this.updateCanLoadMore(data);
-  }
-
-  toObjects(rows) {
-    return rows.map((m) => {
-      return m.group ? Group.create(m) : Message.create(m);
-    });
-  }
-}

data/client-app/app/models/message.js

@@ -1,128 +0,0 @@
-import classic from "ember-classic-decorator";
-import { gt } from "@ember/object/computed";
-import EmberObject, { computed } from "@ember/object";
-import { ajax } from "client-app/lib/utilities";
-import { getRootPath } from "client-app/lib/preload";
-
-@classic
-export default class Message extends EmberObject {
-  MAX_LEN = 200;
-
-  @gt("count", 1) showCount;
-
-  @computed("MAX_LEN", "expanded", "message.length")
-  get hasMore() {
-    return !this.expanded && this.message.length > this.MAX_LEN;
-  }
-
-  @computed("key")
-  get shareUrl() {
-    return `${getRootPath()}/show/${this.key}`;
-  }
-
-  @computed("MAX_LEN", "expanded", "message.length")
-  get displayMessage() {
-    let message = this.message;
-
-    if (!this.expanded && this.message.length > this.MAX_LEN) {
-      message = this.message.substr(0, this.MAX_LEN);
-    }
-    return message;
-  }
-
-  @computed("backtrace.length", "env.{application_version,length}")
-  get canSolve() {
-    const appVersion = Array.isArray(this.env)
-      ? this.env
-          .map((e) => e.application_version)
-          .compact()
-          .join("")
-      : this.env && this.env.application_version;
-    return appVersion && this.backtrace && this.backtrace.length > 0;
-  }
-
-  @computed("severity")
-  get rowClass() {
-    switch (this.severity) {
-      case 0:
-        return "debug";
-      case 1:
-        return "info";
-      case 2:
-        return "warn";
-      case 3:
-        return "error";
-      case 4:
-        return "fatal";
-      default:
-        return "unknown";
-    }
-  }
-
-  @computed("severity")
-  get glyph() {
-    switch (this.severity) {
-      case 0:
-        return "";
-      case 1:
-        return "";
-      case 2:
-        return "exclamation-circle";
-      case 3:
-        return "times-circle";
-      case 4:
-        return "times-circle";
-      default:
-        return "question-circle";
-    }
-  }
-
-  get prefix() {
-    return "fas";
-  }
-
-  @computed("severity")
-  get klass() {
-    switch (this.severity) {
-      case 0:
-        return "";
-      case 1:
-        return "";
-      case 2:
-        return "warning";
-      case 3:
-        return "error";
-      case 4:
-        return "fatal";
-      default:
-        return "unknown";
-    }
-  }
-
-  async fetchEnv() {
-    const env = await ajax(`/fetch-env/${this.key}.json`);
-    this.set("env", env);
-  }
-
-  expand() {
-    this.set("expanded", true);
-  }
-
-  solve() {
-    return ajax(`/solve/${this.key}`, { type: "PUT" });
-  }
-
-  destroy() {
-    return ajax(`/message/${this.key}`, { type: "DELETE" });
-  }
-
-  protect() {
-    this.set("protected", true);
-    return ajax(`/protect/${this.key}`, { type: "PUT" });
-  }
-
-  unprotect() {
-    this.set("protected", false);
-    return ajax(`/unprotect/${this.key}`, { type: "DELETE" });
-  }
-}