logster 2.5.1 → 2.6.0

data/assets/stylesheets/client-app.css

@@ -1 +1 @@
-.divider,.message-info,.nav-controls.group-nav{border-bottom:1px solid #ddd}body{font-family:Arial,"Liberation Sans","DejaVu Sans",sans-serif;font-size:12px}body.mobile,body.mobile .message{font-size:14px}pre{font-family:"Roboto Mono",Consolas,Monaco,Ubuntu Mono,monospace}table.env-table tbody tr td{border-top:none;line-height:18px;height:18px;vertical-align:top}table.env-table,table.env-table table{border-spacing:0;border-collapse:collapse}table.env-table td{padding-right:5px}tbody tr{width:98%}.message-row{font-family:Roboto;display:flex}.pattern-wrapper .pattern-input,.settings-section .api-error{font-family:Consolas,"Roboto Mono",Monaco,Ubuntu Mono,monospace}.message-row .protected,.message-row .severity{text-align:center;width:25px;flex-grow:0;flex-shrink:0;font-size:12px}.message-row div{border-top:.5px #e9e9e9 solid;padding-top:1px;padding-bottom:1px;line-height:25px}.message-row .count{width:30px;flex-grow:0;flex-shrink:0;padding-right:4px;box-sizing:border-box;font-size:11px;font-weight:700;text-align:right}.message-row .message-body{flex-grow:1;flex-shrink:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px}.message-row .time{flex-grow:0;flex-shrink:0;color:#999;vertical-align:top;font-size:12px;padding-right:8px}.action-panel .search,.action-panel i.fa,.btn .fa,.btn span,.pattern-wrapper .shrink,.search-clear-all .clear,input,label span{vertical-align:middle}.message-row:hover{background-color:#f8f8f8;cursor:pointer}.message-row.selected{background-color:#dfdfdf}i.fatal{color:#e00}i.error{color:#900}i.warning{color:#feb800}.debug{color:#777}.btn,.tabs a{text-decoration:none;color:#333}.action-panel .search{border:1px solid #ddd;padding:3px;box-sizing:border-box}#log-table .show-more{text-align:center;height:30px;line-height:30px;text-decoration:none;background-color:#ddd;cursor:pointer;margin-top:8px}#overlay,.divider{cursor:row-resize}#bottom-panel{position:fixed;bottom:0;left:0;right:0;height:300px;background-color:#f1f1f1;padding:0 8px 8px;z-index:2}#bottom-panel.full{position:static;background-color:inherit;height:90%}#bottom-panel.full>div{padding-bottom:40px}#bottom-panel.full .tabs{display:none}#bottom-panel.full .message-info{position:static}#bottom-panel.full .message-info .content{display:block;position:static}#bottom-panel.full button.delete,.hidden{display:none}#bottom-panel.full .save,#bottom-panel.full .share{bottom:10px}#bottom-panel.full .message-actions button{margin-top:8px}#bottom-panel.full .message-actions{position:fixed;height:40px;width:100%;left:0;bottom:0;background-color:#eee;border-top:1px solid #dfdfdf;padding-left:10px}.divider,.tabs{border-top:1px solid #ddd}.message-actions{position:absolute;bottom:5px;right:0;margin-right:10px}.message-actions button{margin-left:5px}.divider{position:fixed;bottom:310px;left:0;right:0;height:15px;background-color:#fafafa}.divider div{margin:auto;width:24px;height:1px;background-color:#ccc;position:relative}.divider .line-1{top:5px}.divider .line-2{top:6px}.divider .line-3{top:7px}#top-panel{position:fixed;top:0;left:0;right:0;bottom:320px;overflow:auto}.action-panel,.message-info,.nav-controls.group-nav{position:absolute;left:0;right:0}.message-info{top:0}#bottom-panel.group-view .message-info{top:43px}.action-panel{bottom:0;font-weight:700}.action-panel input{margin:0}.severity-filters label{margin-right:18px}.search-clear-all .clear{float:right}#log-table{margin:auto;width:99%}.message-info .env-table,.message-info pre{position:relative;margin:5px 10px 10px}#overlay{position:fixed;z-index:99999;top:0;bottom:0;left:0;right:0;opacity:0}.message-info .content,.tabs{position:absolute;left:0;right:0}.message-info .content{top:0;bottom:35px;overflow:auto;display:none}.message-info .content.active{display:block}.tabs{bottom:13px;list-style-type:none;margin:0 0 5px;padding:0 0 0 10px}.tabs a,.tabs li{position:relative}.tabs li{float:left;padding-right:5px;margin:0}.tabs a{top:6px;border:1px solid #ddd;border-top:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:6px;background-color:#e1e1e1}.tabs a.active{border-top:1px solid #f1f1f1;background-color:#f1f1f1}.btn{display:inline-block;margin:0;padding:5px 12px;font-size:1em;line-height:0;text-align:center;cursor:pointer;transition:all .25s;background-color:#ddd;border:none;font-weight:400}.btn:hover{color:#000;background-color:#ccc}.btn .fa{margin-right:7px}.btn:active{text-shadow:none}.btn.danger:hover{background-color:#c63c1b;color:#eee}.btn.ok{background-color:#3781dc;color:#fff}.btn.ok:hover{background-color:#286dc2;color:#fff}.search-clear-all .clear,.search-clear-all .search{height:100%}.search-clear-all .clear,.search-clear-all .search,.severity-filters label{align-self:center}.search-clear-all .footer-btns .settings{margin:0 7px}.search-clear-all{display:flex;justify-content:space-between}.search-clear-all .search{min-width:0;flex-shrink:2}.footer-btns{flex-grow:0;flex-shrink:0}@media (min-width:770px){.search-clear-all,.severity-filters{height:100%}.more-wrapping,.severity-filters{display:flex}.severity-filters{float:left}.action-panel{padding:10px;box-sizing:border-box;height:42px}.message-info{bottom:42px}}@media (max-width:770px){.severity-filters{padding:10px}.search-clear-all{padding:0 10px 10px}.action-panel{height:69px}.message-info{bottom:69px}}@media (max-width:430px){.severity-filters{overflow-x:scroll;overflow-y:hidden;white-space:nowrap}.more-wrapping:after,.more-wrapping:before{content:"";position:absolute;height:18px}.more-wrapping:before{width:15px;margin-left:-10px;background:linear-gradient(to right,#f1f1f1 0,rgba(241,241,241,.001) 100%)}.more-wrapping:after{right:0;width:23px;background:linear-gradient(to left,#f1f1f1 0,rgba(241,241,241,.001) 100%)}}.btn.no-text .fa{margin:0}.btn[disabled]{opacity:.5}.actions-menu{position:absolute;background:#fafafa;display:inline-flex;flex-direction:column;bottom:27px;right:45px;width:115px;padding:5px 5px 0;box-shadow:0 4px 14px rgba(0,0,0,.15);z-index:3}.actions-menu button{margin:0 0 5px;height:27px}.nav-controls{padding:10px}#bottom-panel:not(.full) .nav-controls.env-nav{position:sticky;position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;top:0;background:#f1f1f1;z-index:1;border-bottom:1px solid #ddd}.current-number{margin:0 7px}.expand-list{text-decoration:underline;color:#00f;cursor:pointer}.settings-page{max-width:1110px;margin-right:auto;margin-left:auto;font-size:15px;padding:0 10px 70px}.settings-header{display:flex;align-items:center;margin-bottom:5px}.settings-header .header-title{flex-grow:1}.settings-header .header-logo{width:50px;height:50px}.settings-section{border-top:1px solid #ddd;padding-top:15px}.settings-section .section-title{margin-top:0}.settings-section .subsection-title{margin-bottom:10px}.settings-section .tip{font-style:italic;font-size:13px;color:grey}.settings-section .pattern-wrapper{margin-top:10px;font-size:16px;display:flex;height:33px}.settings-section .api-error{margin-top:5px;color:red}.pattern-wrapper .pattern-input{width:600px;font-size:inherit;padding:5px 0;height:100%;box-sizing:border-box;vertical-align:middle;flex-grow:1;flex-shrink:1}.retro-checkbox .checkbox{margin:0}.retro-checkbox{margin-top:7px;margin-bottom:15px}.btn.new-pattern{height:100%;line-height:18px}.pattern-wrapper .shrink{height:100%;width:40px;text-align:center;box-sizing:border-box;flex-grow:0;flex-shrink:0;margin-left:10px}.fa{opacity:.7}.pattern-wrapper .shrink.reset{background:unset;width:unset;padding:0;margin-left:8px}.grouping-patterns button.new-pattern{margin-top:10px}
+.divider,.message-info,.nav-controls.group-nav{border-bottom:1px solid #ddd}body{font-family:Arial,"Liberation Sans","DejaVu Sans",sans-serif;font-size:12px}body.mobile,body.mobile .message{font-size:14px}pre{font-family:"Roboto Mono",Consolas,Monaco,Ubuntu Mono,monospace}table.env-table tbody tr td{border-top:none;line-height:18px;height:18px;vertical-align:top}table.env-table,table.env-table table{border-spacing:0;border-collapse:collapse}table.env-table td{padding-right:5px}tbody tr{width:98%}.message-row{font-family:Roboto;display:flex}.pattern-wrapper .pattern-input,.settings-section .api-error{font-family:Consolas,"Roboto Mono",Monaco,Ubuntu Mono,monospace}.message-row .protected,.message-row .severity{text-align:center;width:25px;flex-grow:0;flex-shrink:0;font-size:12px}.message-row div{border-top:.5px #e9e9e9 solid;padding-top:1px;padding-bottom:1px;line-height:25px}.message-row .count{width:30px;flex-grow:0;flex-shrink:0;padding-right:4px;box-sizing:border-box;font-size:11px;font-weight:700;text-align:right}.message-row .message-body{flex-grow:1;flex-shrink:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px}.message-row .time{flex-grow:0;flex-shrink:0;color:#999;vertical-align:top;font-size:12px;padding-right:8px}.action-panel .search,.action-panel i.fa,.btn .fa,.btn span,.pattern-wrapper .shrink,.search-clear-all .clear,input,label span{vertical-align:middle}.message-row:hover{background-color:#f8f8f8;cursor:pointer}.message-row.selected{background-color:#dfdfdf}i.fatal{color:#e00}i.error{color:#900}i.warning{color:#feb800}.debug{color:#777}.btn,.tabs a{text-decoration:none;color:#333}.action-panel .search{border:1px solid #ddd;padding:3px;box-sizing:border-box}#log-table .show-more{text-align:center;height:30px;line-height:30px;text-decoration:none;background-color:#ddd;cursor:pointer;margin-top:8px}#overlay,.divider{cursor:row-resize}#bottom-panel{position:fixed;bottom:0;left:0;right:0;height:300px;background-color:#f1f1f1;padding:0 8px 8px;z-index:2}#bottom-panel.full{position:static;background-color:inherit;height:90%}#bottom-panel.full>div{padding-bottom:40px}#bottom-panel.full .tabs{display:none}#bottom-panel.full .message-info{position:static}#bottom-panel.full .message-info .content{display:block;position:static}#bottom-panel.full button.delete,.hidden{display:none}#bottom-panel.full .save,#bottom-panel.full .share{bottom:10px}#bottom-panel.full .message-actions button{margin-top:8px}@media (max-width:382px){#bottom-panel.full .message-actions{height:73px}}@media (min-width:383px){#bottom-panel.full .message-actions{height:40px}}#bottom-panel.full .message-actions{position:fixed;width:100%;left:0;bottom:0;background-color:#eee;border-top:1px solid #dfdfdf;padding-left:10px}.divider,.tabs{border-top:1px solid #ddd}.message-actions{position:absolute;bottom:5px;right:0;margin-right:10px}.message-actions button{margin-left:5px}.divider{position:fixed;bottom:310px;left:0;right:0;height:15px;background-color:#fafafa}.divider div{margin:auto;width:24px;height:1px;background-color:#ccc;position:relative}.divider .line-1{top:5px}.divider .line-2{top:6px}.divider .line-3{top:7px}#top-panel{position:fixed;top:0;left:0;right:0;bottom:320px;overflow:auto}.action-panel,.message-info,.nav-controls.group-nav{position:absolute;left:0;right:0}.message-info{top:0}#bottom-panel.group-view .message-info{top:43px}.action-panel{bottom:0;font-weight:700}.action-panel input{margin:0}.severity-filters label{margin-right:18px}.search-clear-all .clear{float:right}#log-table{margin:auto;width:99%}.message-info .env-table,.message-info pre{position:relative;margin:5px 10px 10px}#overlay{position:fixed;z-index:99999;top:0;bottom:0;left:0;right:0;opacity:0}.message-info .content,.tabs{position:absolute;left:0;right:0}.message-info .content{top:0;bottom:35px;overflow:auto;display:none}.message-info .content.active{display:block}.tabs{bottom:13px;list-style-type:none;margin:0 0 5px;padding:0 0 0 10px}.tabs a,.tabs li{position:relative}.tabs li{float:left;padding-right:5px;margin:0}.tabs a{top:6px;border:1px solid #ddd;border-top:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:6px;background-color:#e1e1e1}.tabs a.active{border-top:1px solid #f1f1f1;background-color:#f1f1f1}.btn{display:inline-block;margin:0;padding:5px 12px;font-size:1em;line-height:0;text-align:center;cursor:pointer;transition:all .25s;background-color:#ddd;border:none;font-weight:400}.btn:hover{color:#000;background-color:#ccc}.btn .fa{margin-right:7px}.btn:active{text-shadow:none}.btn.danger:hover{background-color:#c63c1b;color:#eee}.btn.ok{background-color:#3781dc;color:#fff}.btn.ok:hover{background-color:#286dc2;color:#fff}.search-clear-all .clear,.search-clear-all .search{height:100%}.search-clear-all .clear,.search-clear-all .search,.severity-filters label{align-self:center}.search-clear-all .footer-btns .settings{margin:0 7px}.search-clear-all{display:flex;justify-content:space-between}.search-clear-all .search{min-width:0;flex-shrink:2}.footer-btns{flex-grow:0;flex-shrink:0}@media (min-width:771px){.search-clear-all,.severity-filters{height:100%}.more-wrapping,.severity-filters{display:flex}.severity-filters{float:left}.action-panel{padding:10px;box-sizing:border-box;height:42px}.message-info{bottom:42px}}@media (max-width:770px){.severity-filters{padding:10px}.search-clear-all{padding:0 10px 10px}.action-panel{height:69px}.message-info{bottom:69px}}@media (max-width:430px){.severity-filters{overflow-x:scroll;overflow-y:hidden;white-space:nowrap}.more-wrapping:after,.more-wrapping:before{content:"";position:absolute;height:18px}.more-wrapping:before{width:15px;margin-left:-10px;background:linear-gradient(to right,#f1f1f1 0,rgba(241,241,241,.001) 100%)}.more-wrapping:after{right:0;width:23px;background:linear-gradient(to left,#f1f1f1 0,rgba(241,241,241,.001) 100%)}}.btn.no-text .fa{margin:0}.btn[disabled]{opacity:.5}.actions-menu{position:absolute;background:#fafafa;display:inline-flex;flex-direction:column;bottom:27px;right:45px;width:115px;padding:5px 5px 0;box-shadow:0 4px 14px rgba(0,0,0,.15);z-index:3}.actions-menu button{margin:0 0 5px;height:27px}.nav-controls{padding:10px}#bottom-panel:not(.full) .nav-controls.env-nav{position:sticky;position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;top:0;background:#f1f1f1;z-index:1;border-bottom:1px solid #ddd}.current-number{margin:0 7px}.expand-list{text-decoration:underline;color:#00f;cursor:pointer}.settings-page{max-width:1110px;margin-right:auto;margin-left:auto;font-size:15px;padding:0 10px 70px}.settings-header{display:flex;align-items:center;margin-bottom:5px}.settings-header .header-title{flex-grow:1}.settings-header .header-logo{width:50px;height:50px}.settings-section{padding-top:15px}.settings-section .section-title{margin-top:0}.settings-section .subsection-title{margin-bottom:10px}.settings-section .tip{font-style:italic;font-size:13px;color:grey}.settings-section .pattern-wrapper{margin-top:10px;font-size:16px;display:flex;height:33px}.settings-section .api-error{margin-top:5px;color:red}.pattern-wrapper .pattern-input{width:600px;font-size:inherit;padding:5px 0;height:100%;box-sizing:border-box;vertical-align:middle;flex-grow:1;flex-shrink:1}.retro-checkbox .checkbox{margin:0}.retro-checkbox{margin-top:7px}.btn.new-pattern{height:100%;line-height:18px}.pattern-wrapper .shrink{height:100%;width:40px;text-align:center;box-sizing:border-box;flex-grow:0;flex-shrink:0;margin-left:10px}.fa{opacity:.7}.pattern-wrapper .shrink.reset{background:unset;width:unset;padding:0;margin-left:8px}.grouping-patterns button.new-pattern{margin-top:10px}.backtrace-line .line-link{color:#9e9e9e;margin-left:3px}

data/client-app/.eslintrc.js

@@ -1,8 +1,12 @@
 module.exports = {
   root: true,
+  parser: 'babel-eslint',
   parserOptions: {
-    ecmaVersion: 2017,
-    sourceType: 'module'
+    ecmaVersion: 2018,
+    sourceType: 'module',
+    ecmaFeatures: {
+      legacyDecorators: true
+    }
   },
   plugins: [
     'ember'
@@ -21,6 +25,7 @@ module.exports = {
     browser: true
   },
   rules: {
+    'ember/no-jquery': 'error'
   },
   overrides: [
     // node files
@@ -36,13 +41,20 @@ module.exports = {
         'server/**/*.js'
       ],
       parserOptions: {
-        sourceType: 'script',
-        ecmaVersion: 2015
+        sourceType: 'script'
       },
       env: {
         browser: false,
         node: true
-      }
+      },
+      plugins: ['node'],
+      rules: Object.assign({}, require('eslint-plugin-node').configs.recommended.rules, {
+        // add your custom rules and overrides for node files here
+
+        // this can be removed once the following is fixed
+        // https://github.com/mysticatea/eslint-plugin-node/issues/77
+        'node/no-unpublished-require': 'off'
+      })
     }
   ]
 };

data/client-app/.travis.yml

@@ -1,7 +1,7 @@
 ---
 language: node_js
 node_js:
-  - "6"
+  - "8"
 
 sudo: false
 dist: trusty
@@ -18,8 +18,9 @@ env:
     # See https://git.io/vdao3 for details.
     - JOBS=1
 
-before_install:
-  - npm config set spin false
+branches:
+  only:
+    - master
 
 script:
   - npm run lint:hbs

data/client-app/app/app.js

@@ -3,12 +3,10 @@ import Resolver from "./resolver";
 import loadInitializers from "ember-load-initializers";
 import config from "./config/environment";
 
-const App = Application.extend({
-  modulePrefix: config.modulePrefix,
-  podModulePrefix: config.podModulePrefix,
-  Resolver
-});
+export default class App extends Application {
+  modulePrefix = config.modulePrefix;
+  podModulePrefix = config.podModulePrefix;
+  Resolver = Resolver;
+}
 
 loadInitializers(App, config.modulePrefix);
-
-export default App;

data/client-app/app/components/actions-menu.js

@@ -1,40 +1,47 @@
 import Component from "@ember/component";
-import { observer } from "@ember/object";
+import { bound } from "client-app/lib/decorators";
 
 export default Component.extend({
   showMenu: false,
   tagName: "span",
 
-  init() {
-    this._super(...arguments);
-    this.bindingFunction = this.bindingFunction.bind(this);
-  },
-
-  bindingFunction(event) {
-    const context = this.$()[0];
-    if (!Em.$.contains(context, event.target) && context !== event.target) {
+  @bound
+  outsideClickHandler(event) {
+    if (
+      this.element &&
+      !this.element.contains(event.target) &&
+      this.element !== event.target
+    ) {
       this.set("showMenu", false);
+      this.updateMenu();
     }
   },
 
-  bindDocument: observer("showMenu", function() {
-    const $document = Em.$(document);
-    if (this.get("showMenu")) {
-      $document.on("click", this.get("bindingFunction"));
+  updateMenu() {
+    if (this.showMenu) {
+      this.addOutsideClickHandler();
     } else {
-      $document.off("click", this.get("bindingFunction"));
+      this.removeOutsideClickHandler();
     }
-  }),
+  },
+
+  addOutsideClickHandler() {
+    document.addEventListener("click", this.outsideClickHandler);
+  },
+
+  removeOutsideClickHandler() {
+    document.removeEventListener("click", this.outsideClickHandler);
+  },
 
   willDestroyElement() {
     this._super(...arguments);
-    const $document = Em.$(document);
-    $document.off("click", this.get("bindingFunction"));
+    this.removeOutsideClickHandler();
   },
 
   actions: {
     expandMenu() {
       this.toggleProperty("showMenu");
+      this.updateMenu();
     },
     share() {
       this.share();

data/client-app/app/components/back-trace.js

@@ -0,0 +1,148 @@
+import Component from "@ember/component";
+import Preloaded from "client-app/lib/preload";
+import { computed } from "@ember/object";
+
+function startsWith(str, search) {
+  if (!str || !search || search.length > str.length) {
+    return false;
+  }
+  return str.substring(0, search.length) == search;
+}
+
+function backtraceLinksEnabled() {
+  return Preloaded.get("backtrace_links_enabled");
+}
+
+function appendSlash(str) {
+  if (str && str[str.length - 1] !== "/") {
+    return str + "/";
+  } else {
+    return str;
+  }
+}
+
+function assembleURL({ repo, path, filename, lineNumber, commitSha = null }) {
+  let url = appendSlash(repo);
+  if (!/\/tree\//.test(url)) {
+    url += "blob/";
+    url += commitSha ? `${commitSha}/` : "master/";
+  }
+  url += path + filename;
+  if (/^[0-9]+$/.test(lineNumber)) {
+    url += `#L${lineNumber}`;
+  }
+  return url;
+}
+
+function shortenLine(line) {
+  const isGem = startsWith(line, Preloaded.get("gems_dir"));
+  if (isGem) {
+    const gemsDir = Preloaded.get("gems_dir");
+    return line.substring(gemsDir.length);
+  } else {
+    return line;
+  }
+}
+
+export default Component.extend({
+  GithubURLForGem(line) {
+    let url = null;
+    if (!backtraceLinksEnabled()) {
+      return url;
+    }
+
+    const regexResults = line.match(/([^/]+)\/(.+\/)(.+):(\d+):.*/);
+    const [, gemWithVersion, path, filename, lineNumber] = regexResults || [];
+    const gemsData = Preloaded.get("gems_data");
+    const match = gemsData
+      .filter(g => startsWith(gemWithVersion, `${g.name}-`))
+      .sortBy("name.length")
+      .reverse()[0];
+
+    if (match) {
+      url = assembleURL({ repo: match.url, path, filename, lineNumber });
+    }
+    return url;
+  },
+
+  GithubURLForApp(line) {
+    let url = null;
+
+    if (!backtraceLinksEnabled()) {
+      return url;
+    }
+
+    const projectDirs = Preloaded.get("directories");
+
+    const match = projectDirs
+      .filter(dir => startsWith(line, dir.path))
+      .sortBy("path.length")
+      .reverse()[0];
+
+    if (match) {
+      const root = appendSlash(match.path);
+      const lineWithoutRoot = line.substring(root.length);
+
+      let path = "",
+        filename,
+        lineNumber,
+        remaining;
+
+      const hasSlash = lineWithoutRoot.indexOf("/") !== -1;
+      const regex = hasSlash ? /(.+\/)(.+):(\d+)(:.*)/ : /(.+):(\d+)(:.*)/;
+
+      if (hasSlash) {
+        [, path, filename, lineNumber, remaining] =
+          lineWithoutRoot.match(regex) || [];
+      } else {
+        [, filename, lineNumber, remaining] =
+          lineWithoutRoot.match(regex) || [];
+      }
+
+      if (filename && lineNumber && remaining) {
+        const commitSha = match.main_app ? this.commitSha : null;
+
+        url = assembleURL({
+          repo: match.url,
+          path,
+          filename,
+          lineNumber,
+          commitSha
+        });
+      }
+    }
+    return url;
+  },
+
+  findGithubURL(line, shortenedLine) {
+    const isGem = startsWith(line, Preloaded.get("gems_dir"));
+    if (isGem) {
+      return this.GithubURLForGem(shortenedLine);
+    } else {
+      return this.GithubURLForApp(line);
+    }
+  },
+
+  commitSha: computed("env", function() {
+    let env = null;
+    if (Array.isArray(this.env)) {
+      env = this.env.map(e => e.application_version).filter(e => e)[0];
+    } else if (this.env) {
+      env = this.env.application_version;
+    }
+    return env || Preloaded.get("application_version");
+  }),
+
+  lines: computed("backtrace", "commitSha", function() {
+    if (!this.backtrace || this.backtrace.length === 0) {
+      return [];
+    }
+    return this.backtrace.split("\n").map(line => {
+      const shortenedLine = shortenLine(line);
+      return {
+        line: shortenedLine,
+        url: this.findGithubURL(line, shortenedLine)
+      };
+    });
+  })
+});

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

@@ -4,10 +4,6 @@ import { buildHashString } from "client-app/lib/utilities";
 import Preload from "client-app/lib/preload";
 
 export default Component.extend({
-  didUpdateAttrs() {
-    this.set("expanded", null);
-  },
-
   currentEnv: computed("isEnvArray", "currentEnvPosition", function() {
     if (this.isEnvArray) {
       return this.message.env[this.currentEnvPosition];
@@ -24,30 +20,38 @@ export default Component.extend({
     if (!this.isEnvArray) {
       return buildHashString(this.get("message.env"));
     } else {
-      const currentEnv = Em.$.extend({}, this.currentEnv);
       const expandableKeys = Preload.get("env_expandable_keys") || [];
+      const expandedLists = {};
       expandableKeys.forEach(key => {
-        if (currentEnv.hasOwnProperty(key) && !Array.isArray(currentEnv[key])) {
-          const list = [currentEnv[key]];
+        if (
+          Object.prototype.hasOwnProperty.call(this.currentEnv, key) &&
+          !Array.isArray(this.currentEnv[key])
+        ) {
+          const list = [this.currentEnv[key]];
           this.message.env.forEach(env => {
             if (env[key] && list.indexOf(env[key]) === -1) {
               list.push(env[key]);
             }
           });
-          currentEnv[key] = list.length > 1 ? list : list[0];
+          expandedLists[key] = list;
         }
       });
-      return buildHashString(currentEnv, false, this.expanded || []);
+      return buildHashString(
+        this.currentEnv,
+        false,
+        this.expanded,
+        expandedLists
+      );
     }
   }),
 
   click(e) {
-    const $elem = Em.$(e.target);
-    const dataKey = $elem.attr("data-key");
+    const elem = e.target;
+    const dataKey = elem.dataset.key;
     const expandableKeys = Preload.get("env_expandable_keys") || [];
     if (
       expandableKeys.indexOf(dataKey) !== -1 &&
-      $elem.hasClass("expand-list")
+      elem.classList.contains("expand-list")
     ) {
       e.preventDefault();
       if (!this.expanded) {

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

@@ -1,13 +1,16 @@
 import Component from "@ember/component";
 import { computed } from "@ember/object";
+import Preload from "client-app/lib/preload";
+import { bool } from "@ember/object/computed";
 
 export default Component.extend({
-  buttons: computed("currentMessage.{canSolve,protected}", function() {
-    const canSolve = this.get("currentMessage.canSolve");
+  showSolveAllButton: bool("currentRow.group"),
+
+  buttons: computed("currentMessage.protected", "showSolveButton", function() {
     const protect = this.get("currentMessage.protected");
     const buttons = [];
 
-    if (!protect && canSolve) {
+    if (!protect && this.showSolveButton) {
       buttons.push({
         klass: "solve",
         action: "solve",
@@ -17,6 +20,16 @@ export default Component.extend({
       });
     }
 
+    if (this.showSolveAllButton) {
+      buttons.push({
+        klass: "solve-all",
+        action: "solveAll",
+        icon: "check-square-o",
+        label: "Solve All",
+        danger: true
+      });
+    }
+
     if (!protect) {
       buttons.push(
         {
@@ -42,9 +55,57 @@ export default Component.extend({
       });
     }
 
+    buttons.push({
+      klass: "copy",
+      action: "copyAction",
+      icon: "clipboard",
+      label: "Copy"
+    });
     return buttons;
   }),
 
+  showSolveButton: computed(
+    "showSolveAllButton",
+    "currentMessage.{canSolve,env}",
+    function() {
+      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");
+    }
+  ),
+
+  copy() {
+    const temp = document.createElement("TEXTAREA");
+    document.body.appendChild(temp);
+    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
+      .split("\n")
+      .slice(0, 10)
+      .join("\n")}`;
+
+    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");
+    temp.value = lines;
+    temp.select();
+    document.execCommand("copy");
+    document.body.removeChild(temp);
+  },
+
   actions: {
     tabChanged(newTab) {
       if (this.onTabChange) {
@@ -53,19 +114,35 @@ export default Component.extend({
     },
 
     protect() {
-      this.get("currentMessage").protect();
+      this.currentMessage.protect();
     },
+
     unprotect() {
-      this.get("currentMessage").unprotect();
+      this.currentMessage.unprotect();
     },
+
     remove() {
-      this.removeMessage(this.get("currentMessage"));
+      this.removeMessage(this.currentMessage);
     },
+
     solve() {
-      this.solveMessage(this.get("currentMessage"));
+      this.solveMessage(this.currentMessage);
     },
+
+    solveAll() {
+      this.currentRow.solveAll();
+    },
+
     share() {
       window.location.pathname = this.get("currentMessage.shareUrl");
+    },
+
+    copyAction() {
+      if (this.fetchEnv && !this.currentMessage.env) {
+        this.fetchEnv({ force: true }).then(() => this.copy());
+      } else {
+        this.copy();
+      }
     }
   }
 });