add prettier, setup line matching for all expected match cases

Author: vanesa

package.json

@@ -2,13 +2,20 @@
   "$schema": "https://raw.githubusercontent.com/sourcegraph/sourcegraph/master/shared/src/schema/extension.schema.json",
   "name": "sourcegraph-sentry",
   "description": "Sourcegraph Sentry extension renders \"View logs on Sentry\" links next to error handling code.",
-  "publisher": "vanesa",
+  "publisher": "Sourcegraph",
   "activationEvents": [
     "*"
   ],
   "wip": true,
-  "categories": [],
-  "tags": [],
+  "categories": [
+    "External services"
+  ],
+  "tags": [
+    "sentry",
+    "error tracking",
+    "errors",
+    "logs"
+  ],
   "contributes": {
     "actions": [],
     "menus": {
@@ -22,7 +29,7 @@
     "type": "git",
     "url": "https://github.com/sourcegraph/sourcegraph-sentry.git"
   },
-  "license": "UNLICENSED",
+  "license": "Apache-2.0",
   "main": "dist/sourcegraph-sentry.js",
   "scripts": {
     "tslint": "tslint -p tsconfig.json './src/**/*.ts'",
@@ -41,11 +48,13 @@
     "last 1 Safari versions"
   ],
   "devDependencies": {
+    "@sourcegraph/prettierrc": "^2.2.0",
     "@sourcegraph/tsconfig": "^4.0.0",
     "@sourcegraph/tslint-config": "^12.3.1",
     "lnfs-cli": "^2.1.0",
     "mkdirp": "^0.5.1",
     "parcel-bundler": "^1.12.0",
+    "rxjs": "^6.4.0",
     "sourcegraph": "^23.0.0",
     "tslint": "^5.13.1",
     "typescript": "^3.3.3333"

prettier.config.js

@@ -0,0 +1 @@
+module.exports = require('@sourcegraph/prettierrc')

src/sourcegraph-sentry.ts

@@ -1,16 +1,48 @@
+import { from } from 'rxjs'
+import { filter, switchMap } from 'rxjs/operators'
 import * as sourcegraph from 'sourcegraph'
 
-export function activate(ctx: sourcegraph.ExtensionContext): void {
-   ctx.subscriptions.add(
-       sourcegraph.languages.registerHoverProvider(['*'], {
-           provideHover: () => ({
-               contents: {
-                   value: 'Hello world from sourcegraph-sentry! 🎉🎉🎉',
-                   kind: sourcegraph.MarkupKind.Markdown
-               }
-           }),
-        })
-    )
+const CODE_PATTERNS = [
+    /throw new Error+\([\'\"]([^\'\"]+)[\'\"]\)/gi,
+    /console\.[^\'\"]+\([\'\"]([^\'\"]+)[\'\"]\)/gi,
+    /log\.[^\'\"]+\([\'\"]([^\'\"]+)[\'\"]\)/gi,
+]
+
+const DECORATION_TYPE = sourcegraph.app.createDecorationType()
+
+function decorateEditor(editor: sourcegraph.CodeEditor): void {
+    const decorations: sourcegraph.TextDocumentDecoration[] = []
+    for (const [i, line] of editor.document.text!.split('\n').entries()) {
+        for (const pattern of CODE_PATTERNS) {
+            const match = line.match(pattern)
+            if (match) {
+                decorations.push({
+                    range: new sourcegraph.Range(i, 0, i, 0),
+                    isWholeLine: true,
+                    after: {
+                        backgroundColor: '#e03e2f',
+                        color: 'rgba(255, 255, 255, 0.8)',
+                        contentText: ' View logs in Sentry » ',
+                        linkURL: 'testUrl',
+                    },
+                })
+            }
+            pattern.lastIndex = 0 // reset
+        }
+    }
+    editor.setDecorations(DECORATION_TYPE, decorations)
+}
+
+export function activate(context: sourcegraph.ExtensionContext): void {
+    if (sourcegraph.app.activeWindowChanges) {
+        const activeEditor = from(sourcegraph.app.activeWindowChanges).pipe(
+            filter((window): window is sourcegraph.Window => window !== undefined),
+            switchMap(window => window.activeViewComponentChanges),
+            filter((editor): editor is sourcegraph.CodeEditor => editor !== undefined)
+        )
+        // When the active editor changes, publish new decorations.
+        context.subscriptions.add(activeEditor.subscribe(decorateEditor))
+    }
 }
 
 // Sourcegraph extension documentation: https://docs.sourcegraph.com/extensions/authoring