logster 2.21.0 → 3.0.1

data/client-app/app/components/message-info.js

@@ -1,151 +0,0 @@
-import classic from "ember-classic-decorator";
-import { bool } from "@ember/object/computed";
-import Component from "@ember/component";
-import { action, computed } from "@ember/object";
-import Preload from "client-app/lib/preload";
-
-@classic
-export default class MessageInfo extends Component {
-  @bool("currentRow.group") showSolveAllButton;
-
-  @computed("currentMessage.protected", "showSolveAllButton", "showSolveButton")
-  get buttons() {
-    const protect = this.currentMessage.protected;
-    const buttons = [];
-
-    if (!protect && this.showSolveButton) {
-      buttons.push({
-        klass: "solve",
-        action: this.solve,
-        icon: "check-square",
-        label: "Solve",
-        prefix: "far",
-        danger: true,
-      });
-    }
-
-    if (this.showSolveAllButton) {
-      buttons.push({
-        klass: "solve-all",
-        action: this.solveAll,
-        icon: "check-square",
-        label: "Solve All",
-        prefix: "far",
-        danger: true,
-      });
-    }
-
-    if (protect) {
-      buttons.push({
-        klass: "unprotect",
-        action: this.unprotect,
-        icon: "unlock",
-        prefix: "fas",
-        label: "Unprotect",
-      });
-    } else {
-      buttons.push(
-        {
-          klass: "remove",
-          action: this.remove,
-          icon: "trash-alt",
-          label: "Remove",
-          prefix: "far",
-          danger: true,
-        },
-        {
-          klass: "protect",
-          action: this.protect,
-          icon: "lock",
-          prefix: "fas",
-          label: "Protect",
-        }
-      );
-    }
-
-    buttons.push({
-      klass: "copy",
-      action: this.copy,
-      icon: "copy",
-      prefix: "far",
-      label: "Copy",
-    });
-
-    return buttons;
-  }
-
-  @computed("showSolveAllButton", "currentMessage.{canSolve,env}")
-  get showSolveButton() {
-    if (this.showSolveAllButton) {
-      return false;
-    }
-    // env isn't loaded until you switch to the env tab
-    // so if we don't have env we show the button if
-    // application_version is provided in the config
-    return this.currentMessage.env
-      ? this.currentMessage.canSolve
-      : !!Preload.get("application_version");
-  }
-
-  @action
-  copy() {
-    const header = this.currentMessage.showCount
-      ? `Message (${this.currentMessage.count} copies reported)`
-      : "Message";
-    const message = `${header}\n\n${this.currentMessage.message}`;
-
-    const backtrace = `Backtrace\n\n${this.currentMessage.backtrace}`;
-
-    const httpHosts = Array.isArray(this.currentMessage.env)
-      ? this.currentMessage.env
-          .map((e) => e["HTTP_HOST"])
-          .filter((e, i, a) => e && a.indexOf(e) === i)
-          .join(", ")
-      : this.currentMessage.env["HTTP_HOST"];
-
-    const env = httpHosts ? `Env\n\nHTTP HOSTS: ${httpHosts}` : "";
-    const lines = [message, backtrace, env].filter((l) => l).join("\n\n");
-
-    const temp = document.createElement("TEXTAREA");
-    document.body.appendChild(temp);
-    temp.value = lines;
-    temp.select();
-    document.execCommand("copy");
-    document.body.removeChild(temp);
-  }
-
-  @action
-  tabChanged(newTab) {
-    this.onTabChange?.(newTab);
-  }
-
-  @action
-  protect() {
-    this.currentMessage.protect();
-  }
-
-  @action
-  unprotect() {
-    this.currentMessage.unprotect();
-  }
-
-  @action
-  remove() {
-    this.removeMessage(this.currentMessage);
-  }
-
-  @action
-  solve() {
-    this.solveMessage(this.currentMessage);
-  }
-
-  @action
-  solveAll() {
-    this.currentRow.solveAll();
-  }
-
-  @action
-  share() {
-    window.location.pathname = this.currentMessage.shareUrl;
-  }
-}

data/client-app/app/components/message-row.js

@@ -1,46 +0,0 @@
-import classic from "ember-classic-decorator";
-import { classNameBindings, tagName } from "@ember-decorators/component";
-import Component from "@ember/component";
-
-let CHECKED_BOTTOM;
-let STICK_TO_BOTTOM;
-
-@classic
-@tagName("div")
-@classNameBindings("model.rowClass", ":message-row", "model.selected:selected")
-export default class MessageRow extends Component {
-  willInsertElement() {
-    super.willInsertElement(...arguments);
-    if (CHECKED_BOTTOM) {
-      return;
-    }
-
-    const topPanel = document.getElementById("top-panel");
-    if (!topPanel) {
-      return;
-    }
-
-    const height = parseFloat(getComputedStyle(topPanel).height);
-    STICK_TO_BOTTOM = topPanel.scrollHeight - 20 < height + topPanel.scrollTop;
-    CHECKED_BOTTOM = true;
-  }
-
-  didInsertElement() {
-    super.didInsertElement(...arguments);
-    const topPanel = document.getElementById("top-panel");
-    if (!topPanel) {
-      return;
-    }
-
-    CHECKED_BOTTOM = false;
-    if (STICK_TO_BOTTOM) {
-      STICK_TO_BOTTOM = false;
-      topPanel.scrollTop =
-        topPanel.scrollHeight - parseFloat(getComputedStyle(topPanel).height);
-    }
-  }
-
-  click() {
-    this.selectRow();
-  }
-}

data/client-app/app/components/page-nav.js

@@ -1,42 +0,0 @@
-import classic from "ember-classic-decorator";
-import { classNameBindings, classNames } from "@ember-decorators/component";
-import { equal } from "@ember/object/computed";
-import Component from "@ember/component";
-import { action, computed } from "@ember/object";
-
-@classic
-@classNames("nav-controls")
-@classNameBindings("extraClasses")
-export default class PageNav extends Component {
-  @equal("position", 0) disableBackButtons;
-
-  @computed("position", "list.length")
-  get disableForwardButtons() {
-    return this.position === this.list.length - 1;
-  }
-
-  @computed("position")
-  get displayNumber() {
-    return this.position + 1;
-  }
-
-  @action
-  takeStep(dir) {
-    const amount = dir === "back" ? -1 : 1;
-    if (amount === 1 && this.disableForwardButtons) {
-      return;
-    }
-    if (amount === -1 && this.disableBackButtons) {
-      return;
-    }
-
-    const newPos = this.position + amount;
-    this.navigate(newPos);
-  }
-
-  @action
-  bigJump(dir) {
-    const newPos = dir === "back" ? 0 : this.list.length - 1;
-    this.navigate(newPos);
-  }
-}

data/client-app/app/components/panel-resizer.js

@@ -1,108 +0,0 @@
-import classic from "ember-classic-decorator";
-import { classNames } from "@ember-decorators/component";
-import { inject as service } from "@ember/service";
-import Component from "@ember/component";
-import { scheduleOnce, throttle } from "@ember/runloop";
-import { bound } from "client-app/lib/decorators";
-
-const MOVE_EVENTS = ["touchmove", "mousemove"];
-const UP_EVENTS = ["touchend", "mouseup"];
-const DOWN_EVENTS = ["touchstart", "mousedown"];
-
-@classic
-@classNames("divider")
-export default class PanelResizer extends Component {
-  @service events;
-
-  resizing = false;
-
-  didInsertElement() {
-    super.didInsertElement(...arguments);
-    // inspired by http://plugins.jquery.com/misc/textarea.js
-    this.set("divider", document.querySelector(".divider"));
-    for (const name of DOWN_EVENTS) {
-      this.divider.addEventListener(name, this.dividerClickHandler);
-    }
-    scheduleOnce("afterRender", this, "initialDivideView");
-  }
-
-  willDestroyElement() {
-    super.willDestroyElement(...arguments);
-    for (const name of DOWN_EVENTS) {
-      this.divider.removeEventListener(name, this.dividerClickHandler);
-    }
-  }
-
-  initialDivideView() {
-    const amount = (localStorage && localStorage.logster_divider_bottom) || 300;
-    const fromTop = window.innerHeight - parseInt(amount, 10);
-    this.divideView(fromTop);
-  }
-
-  divideView(fromTop) {
-    const height = window.innerHeight;
-    const fromBottom = height - fromTop;
-
-    if (fromTop < 100 || fromTop + 170 > height) {
-      return;
-    }
-
-    this.divider.style.bottom = `${fromBottom - 5}px`;
-    this.events.trigger("panelResized", fromBottom);
-  }
-
-  @bound
-  performDrag(e) {
-    throttle(this, this.throttledPerformDrag, e, 25);
-  }
-
-  throttledPerformDrag(e) {
-    if (this.resizing) {
-      this.divideView(
-        e.clientY || (e.touches && e.touches[0] && e.touches[0].clientY)
-      );
-    }
-  }
-
-  @bound
-  endDrag /* e */() {
-    const overlay = document.getElementById("overlay");
-    if (overlay) {
-      overlay.parentElement.removeChild(overlay);
-    }
-
-    this.set("resizing", false);
-
-    if (localStorage) {
-      localStorage.logster_divider_bottom = parseInt(
-        this.divider.style.bottom,
-        10
-      );
-    }
-
-    for (const name of MOVE_EVENTS) {
-      document.removeEventListener(name, this.performDrag);
-    }
-    for (const name of UP_EVENTS) {
-      document.removeEventListener(name, this.endDrag);
-    }
-  }
-
-  @bound
-  dividerClickHandler(e) {
-    e.preventDefault(); // for disabling pull-down-to-refresh on mobile
-
-    const overlay = document.createElement("DIV");
-    overlay.id = "overlay";
-    document.body.appendChild(overlay);
-
-    this.set("resizing", true);
-
-    for (const name of MOVE_EVENTS) {
-      document.addEventListener(name, this.performDrag);
-    }
-    for (const name of UP_EVENTS) {
-      document.addEventListener(name, this.endDrag);
-    }
-  }
-}

data/client-app/app/components/patterns-list.js

@@ -1,142 +0,0 @@
-import classic from "ember-classic-decorator";
-import { equal, not } from "@ember/object/computed";
-import Component from "@ember/component";
-import { action, computed } from "@ember/object";
-import Pattern from "client-app/models/pattern-item";
-import { ajax } from "client-app/lib/utilities";
-
-@classic
-export default class PatternsList extends Component {
-  @not("mutable") immutable;
-  @equal("key", "suppression") showCounter;
-
-  init() {
-    super.init(...arguments);
-
-    if (this.patterns.length < 1 && this.mutable) {
-      this.create();
-    }
-  }
-
-  @computed("patterns.[]", "newPatterns.[]")
-  get allPatterns() {
-    const patterns = this.patterns;
-    const newPatterns = this.newPatterns || [];
-    return [...newPatterns.reverse(), ...patterns.reverse()];
-  }
-
-  makeAPICall(data = {}) {
-    const { method } = data;
-    delete data.method;
-
-    return ajax(`/patterns/${this.key}.json`, { method, data });
-  }
-
-  finallyBlock(pattern) {
-    pattern.set("saving", false);
-  }
-
-  catchBlock(pattern, response) {
-    if (response.responseText) {
-      pattern.set("error", response.responseText);
-    } else {
-      pattern.set("error", "Unknown error occurred. Please see dev console.");
-    }
-  }
-
-  requestInit(pattern) {
-    pattern.setProperties({
-      saving: true,
-      error: null,
-    });
-  }
-
-  @action
-  create() {
-    if (!this.newPatterns) {
-      this.set("newPatterns", []);
-    }
-    this.newPatterns.pushObject(Pattern.create({ isNew: true }));
-  }
-
-  @action
-  async trash(pattern) {
-    if (pattern.isNew) {
-      this.newPatterns.removeObject(pattern);
-      pattern.destroy();
-      return;
-    }
-
-    this.requestInit(pattern);
-
-    try {
-      await this.makeAPICall({
-        method: "DELETE",
-        pattern: pattern.value,
-      });
-
-      this.patterns.removeObject(pattern);
-      pattern.destroy();
-    } catch (response) {
-      this.catchBlock(pattern, response);
-    } finally {
-      this.finallyBlock(pattern);
-    }
-  }
-
-  @action
-  async save(pattern) {
-    this.requestInit(pattern);
-
-    try {
-      if (pattern.isNew) {
-        const response = await this.makeAPICall({
-          method: "POST",
-          pattern: pattern.valueBuffer,
-          retroactive: !!pattern.retroactive,
-        });
-
-        pattern.updateValue(response.pattern);
-        pattern.set("isNew", false);
-        this.patterns.pushObject(pattern);
-        this.newPatterns.removeObject(pattern);
-      } else {
-        const response = await this.makeAPICall({
-          method: "PUT",
-          pattern: pattern.value,
-          new_pattern: pattern.valueBuffer,
-        });
-
-        pattern.updateValue(response.pattern);
-        pattern.set("count", 0);
-      }
-    } catch (response) {
-      this.catchBlock(pattern, response);
-    } finally {
-      this.finallyBlock(pattern);
-    }
-  }
-
-  @action
-  async resetCount(pattern) {
-    pattern.set("saving", true);
-
-    try {
-      await ajax("/reset-count.json", {
-        method: "PUT",
-        data: { pattern: pattern.value, hard: !!pattern.hard },
-      });
-
-      pattern.set("count", 0);
-    } catch (response) {
-      this.catchBlock(pattern, response);
-    } finally {
-      this.finallyBlock(pattern);
-    }
-  }
-
-  @action
-  checkboxChanged(pattern) {
-    pattern.toggleProperty("retroactive");
-  }
-}

data/client-app/app/components/tab-contents.js

@@ -1,23 +0,0 @@
-import classic from "ember-classic-decorator";
-import { classNameBindings } from "@ember-decorators/component";
-import Component from "@ember/component";
-
-@classic
-@classNameBindings("active", ":content", "name")
-export default class TabContents extends Component {
-  isLink = false;
-
-  didInsertElement() {
-    super.didInsertElement(...arguments);
-    this.tabActions.addTab(this);
-
-    if (this.defaultTab) {
-      this.tabActions.selectTab(this);
-    }
-  }
-
-  willDestroyElement() {
-    super.willDestroyElement(...arguments);
-    this.tabActions.removeTab(this);
-  }
-}

data/client-app/app/components/tabbed-section.js

@@ -1,45 +0,0 @@
-import classic from "ember-classic-decorator";
-import Component from "@ember/component";
-import { A } from "@ember/array";
-import { action } from "@ember/object";
-
-@classic
-export default class TabbedSection extends Component {
-  tabs = A();
-  selected = null;
-
-  @action
-  selectTab(tab) {
-    if (tab.isLink) {
-      this.triggerAction(tab.action);
-      return;
-    }
-
-    if (this.selected) {
-      this.selected.set("active", false);
-    }
-
-    this.set("selected", tab);
-    tab.set("active", true);
-
-    this.onTabChange(tab.name);
-  }
-
-  @action
-  addTab(tab) {
-    this.tabs.addObject(tab);
-
-    if (!this.selected && !tab.isLink) {
-      this.selectTab(tab);
-    }
-  }
-
-  @action
-  removeTab(tab) {
-    if (this.selected === tab) {
-      this.set("selected", null);
-    }
-
-    this.tabs.removeObject(tab);
-  }
-}

data/client-app/app/components/time-formatter.js

@@ -1,36 +0,0 @@
-import classic from "ember-classic-decorator";
-import { tagName } from "@ember-decorators/component";
-import { computed } from "@ember/object";
-import Component from "@ember/component";
-import { formatTime } from "client-app/lib/utilities";
-import { later } from "@ember/runloop";
-
-const UPDATE_INTERVAL = 60_000;
-
-@classic
-@tagName("")
-export default class TimeFormatter extends Component {
-  didInsertElement() {
-    super.didInsertElement(...arguments);
-    later(this, this.updateTime, UPDATE_INTERVAL);
-  }
-
-  @computed("timestamp")
-  get title() {
-    return moment(this.timestamp).format();
-  }
-
-  @computed("timestamp")
-  get time() {
-    return formatTime(this.timestamp);
-  }
-
-  updateTime() {
-    if (this.isDestroying || this.isDestroyed) {
-      return;
-    }
-
-    this.notifyPropertyChange("timestamp");
-    later(this, this.updateTime, UPDATE_INTERVAL);
-  }
-}