renaming batarangle to augury in app

fulvaz · Apr 12, 2016 · f12065f · f12065f
1 parent 210014a
commit f12065f
Show file tree

Hide file tree

Showing 16 changed files with 41 additions and 41 deletions.
diff --git a/README.md b/README.md
@@ -1,11 +1,11 @@
-# Angular 2.0 Batarangle
+# Augury
 
-[![Circle CI](https://circleci.com/gh/rangle/batarangle.svg?style=svg&circle-token=7df1edad916fdc18b7bfddc60ff694871570359c)](https://circleci.com/gh/rangle/batarangle) [![Slack Status](https://batarangle-slack.herokuapp.com/badge.svg)](https://batarangle-slack.herokuapp.com)
-[![Stories in Ready](https://badge.waffle.io/rangle/batarangle.svg?label=ready&title=Ready)](http://waffle.io/rangle/batarangle)
+[![Circle CI](https://circleci.com/gh/rangle/augury.svg?style=svg)](https://circleci.com/gh/rangle/augury) [![Slack Status](https://batarangle-slack.herokuapp.com/badge.svg)](https://batarangle-slack.herokuapp.com)
+[![Stories in Ready](https://badge.waffle.io/rangle/augury.svg?label=ready&title=Ready)](https://waffle.io/rangle/augury)
 
-Batarangle is a Google Chrome Dev Tools extension for debugging Angular 2 applications. Treat this as a "developer preview". Until the official release, please follow instructions below to build the tool locally and install it from source. It's actually quite easy.
+Augury is a Google Chrome Dev Tools extension for debugging Angular 2 applications. Treat this as a "developer preview". Until the official release, please follow instructions below to build the tool locally and install it from source. It's actually quite easy.
 
-![Screenshot of Batarangle](images/screenloop.gif)
+![Screenshot of Augury](images/screenloop.gif)
 
 
 ## Supported Version
@@ -43,7 +43,7 @@ To develop this extension, the following environment is used:
 
 ## Trying out the extension
 
-1. Clone this repository: `git clone git://github.com/rangle/batarangle`.
+1. Clone this repository: `git clone git://github.com/rangle/augury`.
 2. Run `npm install`.
 3. Run `npm run build` (errors related to typing files conflicts can be ignore for now).
 4. Navigate to chrome://extensions and enable Developer Mode.
@@ -69,13 +69,13 @@ To execute all unit tests, run `npm test`. It bundles up all files that match `*
 
 ## Developer Information
 
-- [Developer guide](https://github.com/rangle/batarangle/wiki)
+- [Developer guide](https://github.com/rangle/augury/wiki)
 - [Contributing guidelines](CONTRIBUTING.md)
 - [Architecture of this extension](./docs/ARCHITECTURE.md)
 
 ## Future Plans
 
-We are working hard towards [the official release](https://github.com/rangle/batarangle/releases). But at the mean time, you can take a look at our [milestones](https://github.com/rangle/batarangle/milestones) to see what new features are in place.
+We are working hard towards [the official release](https://github.com/rangle/augury/releases). But at the mean time, you can take a look at our [milestones](https://github.com/rangle/augury/milestones) to see what new features are in place.
 
 ## License
 [MIT](LICENSE)
diff --git a/example-apps/kitchen-sink-example/README.md b/example-apps/kitchen-sink-example/README.md
@@ -1,6 +1,6 @@
-# Kitchen Sink - Batarangle Example Application
+# Kitchen Sink - Augury Example Application
 
-Use this application to get familiar with Batarangle
+Use this application to get familiar with Augury
 
 ## Building and Serving
 

diff --git a/example-apps/kitchen-sink-example/source/index.html b/example-apps/kitchen-sink-example/source/index.html
@@ -2,7 +2,7 @@
 <html lang="en" data-framework="angular2">
   <head>
     <meta charset="utf-8">
-    <title>Angular 2.0 • Batarangle • Kitchen Sink App</title>
+    <title>Angular 2.0 • Augury • Kitchen Sink App</title>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
   </head>
   <body>

diff --git a/frontend.html b/frontend.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en" data-framework="angular2">
 <head>
-  <title>Batarangle</title>
+  <title>Augury</title>
   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1">

diff --git a/manifest.json b/manifest.json
@@ -1,5 +1,5 @@
 {
-  "name": "Angular 2.0 Batarangle",
+  "name": "Augury",
   "version": "0.0.2",
   "description": "Extends the Developer Tools, adding tools for debugging and profiling Angular 2.0 applications.",
   "permissions": [

diff --git a/package.json b/package.json
@@ -1,10 +1,10 @@
 {
-  "name": "batarangle",
+  "name": "augury",
   "version": "0.0.2",
   "description": "Chrome Developer Tools Extension for inspecting Angular 2.0 applications",
   "repository": {
     "type": "git",
-    "url": "https://github.com/rangle/batarangle.git"
+    "url": "https://github.com/rangle/augury.git"
   },
   "keywords": [
     "angular",
@@ -17,9 +17,9 @@
     "npm": ">= 3.5.3"
   },
   "bugs": {
-    "url": "https://github.com/rangle/batarangle/issues"
+    "url": "https://github.com/rangle/augury/issues"
   },
-  "homepage": "https://github.com/rangle/batarangle",
+  "homepage": "https://github.com/rangle/augury",
   "scripts": {
     "build": "npm run webpack --colors --display-error-details --display-cached",
     "webpack": "webpack",

diff --git a/popup.html b/popup.html
@@ -158,7 +158,7 @@
           </div>
           <div class="logo_text">
             <h1>
-              Batarangle.io
+              Augury
             </h1>
           </div>
         </div>
@@ -168,20 +168,20 @@ <h1>
 
       <div class="modal_content">
         <p>
-          Batarangle is a Google Chrome Dev Tool extension for debugging Angular 2 applications. Treat this as a "developer preview". Until the official release, please follow instructions on github to build the tool locally and install it from the source. It's actually quite easy!
+          Augury is a Google Chrome Dev Tool extension for debugging Angular 2 applications. Treat this as a "developer preview". Until the official release, please follow instructions on github to build the tool locally and install it from the source. It's actually quite easy!
         </p>
       </div>
 
       <div class="modal_cta">
         <div class="flex_container">
           <div class="flex github">
-            <a target="_blank" href="https://github.com/rangle/batarangle" class="icon github"><span>Github</span></a>
+            <a target="_blank" href="https://github.com/rangle/augury" class="icon github"><span>Github</span></a>
           </div>
           <div class="flex website">
             <a target="_blank" href="http://rangle.github.io/batarangle-io/" class="icon"><span>Website</span></a>
           </div>
           <div class="flex contribute">
-            <a target="_blank" href="https://github.com/rangle/batarangle" class="icon"><span>Contribute</span></a>
+            <a target="_blank" href="https://github.com/rangle/augury" class="icon"><span>Contribute</span></a>
           </div>
         </div>
       </div>

diff --git a/src/backend/adapters/angular2.ts b/src/backend/adapters/angular2.ts
@@ -121,7 +121,7 @@ export class Angular2Adapter extends BaseAdapter {
     const injectors = this._getComponentInjectors(debugEl, dependencies);
 
     description.unshift({
-      key: 'b-id',
+      key: 'a-id',
       value: id
     });
 
@@ -156,15 +156,15 @@ export class Angular2Adapter extends BaseAdapter {
     const nodeName = this._getComponentName(compEl);
 
     // When encounter a template comment, insert another comment with
-    // batarangle-id above it.
+    // augury-id above it.
     if (nativeElement.nodeType === Node.COMMENT_NODE) {
-      const commentNode = document.createComment(`{"batarangle-id": "${idx}"}`);
+      const commentNode = document.createComment(`{"augury-id": "${idx}"}`);
       if (nativeElement.previousSibling === null
         || !nativeElement.previousSibling.isEqualNode(commentNode)) {
         nativeElement.parentNode.insertBefore(commentNode, nativeElement);
       }
     } else {
-      (<HTMLElement>nativeElement).setAttribute('batarangle-id', idx);
+      (<HTMLElement>nativeElement).setAttribute('augury-id', idx);
     }
 
     if (isRoot) {
@@ -226,10 +226,10 @@ export class Angular2Adapter extends BaseAdapter {
     const nativeElement = this._getComponentRef(compEl);
     let id;
     if (nativeElement.nodeType !== Node.COMMENT_NODE) {
-      id = nativeElement.getAttribute('batarangle-id');
+      id = nativeElement.getAttribute('augury-id');
     } else {
       const comment = JSON.parse((<any>nativeElement.previousSibling).data);
-      id = comment['batarangle-id'];
+      id = comment['augury-id'];
     }
     return id;
   }

diff --git a/src/backend/backend.ts b/src/backend/backend.ts
@@ -8,7 +8,7 @@ declare var ng: { probe: Function, coreTokens: any };
 let channel = {
   sendMessage: (message) => {
     return window.postMessage(JSON.parse(JSON.stringify({
-      type: 'BATARANGLE_INSPECTED_APP',
+      type: 'AUGURY_INSPECTED_APP',
       message
     })), '*');
   }
@@ -26,21 +26,21 @@ window.addEventListener('message', function(event) {
     return;
   }
 
-  if (event.data.type && (event.data.type === 'BATARANGLE_CONTENT_SCRIPT')) {
+  if (event.data.type && (event.data.type === 'AUGURY_CONTENT_SCRIPT')) {
 
     if (event.data.message.message.actionType ===
       'START_COMPONENT_TREE_INSPECTION') {
       adapter.renderTree();
     } else if (event.data.message.message.actionType === 'HIGHLIGHT_NODE') {
-      const highlightStr = '[batarangle-id=\"' +
+      const highlightStr = '[augury-id=\"' +
         event.data.message.message.node.id + '\"]';
       Highlighter.clear();
       Highlighter.highlight(document.querySelector(highlightStr),
         event.data.message.message.node.name);
     } else if (event.data.message.message.actionType === 'CLEAR_HIGHLIGHT') {
       Highlighter.clear();
     } else if (event.data.message.message.actionType === 'SELECT_NODE') {
-      const highlightStr = '[batarangle-id=\"' +
+      const highlightStr = '[augury-id=\"' +
         event.data.message.message.node.id + '\"]';
 
       const element: HTMLElement =
@@ -56,7 +56,7 @@ window.addEventListener('message', function(event) {
 
     } else if (event.data.message.message.actionType === 'UPDATE_PROPERTY') {
 
-      const highlightStr = '[batarangle-id=\"' +
+      const highlightStr = '[augury-id=\"' +
         event.data.message.message.property.id + '\"]';
       const dE = ng.probe(document.querySelector(highlightStr));
       const propertyTree: Array<string> =

diff --git a/src/content-script.ts b/src/content-script.ts
@@ -29,7 +29,7 @@ chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
     return;
   }
 
-  window.postMessage({ type: 'BATARANGLE_CONTENT_SCRIPT', message }, '*');
+  window.postMessage({ type: 'AUGURY_CONTENT_SCRIPT', message }, '*');
   return true;
 });
 
@@ -39,11 +39,11 @@ window.addEventListener('message', function(event) {
     return;
   }
 
-  if (event.data.type && (event.data.type === 'BATARANGLE_NG_VALID')) {
+  if (event.data.type && (event.data.type === 'AUGURY_NG_VALID')) {
     injectScript('build/backend.js');
   }
 
-  if (event.data.type && (event.data.type === 'BATARANGLE_INSPECTED_APP')) {
+  if (event.data.type && (event.data.type === 'AUGURY_INSPECTED_APP')) {
     chrome.runtime.sendMessage({
       name: 'message',
       data: event.data

diff --git a/src/devtools/devtools.ts b/src/devtools/devtools.ts
@@ -3,7 +3,7 @@
  * on Chrome Development Tools window.
 */
 chrome.devtools.panels.create(
-  'Angular2',
+  'Augury',
   '../images/angular.png',
   '../frontend.html'
 );
diff --git a/src/frontend/components/component-info/component-info.ts b/src/frontend/components/component-info/component-info.ts
@@ -31,7 +31,7 @@ export default class ComponentInfo {
   }
 
   viewComponentSource($event) {
-    const highlightStr = '[batarangle-id=\"' + this.node.id + '\"]';
+    const highlightStr = '[augury-id=\"' + this.node.id + '\"]';
 
     let evalStr = `inspect(ng.probe(document.querySelector('${highlightStr}'))
     .componentInstance.constructor)`;

diff --git a/src/frontend/components/node-item/node-item.ts b/src/frontend/components/node-item/node-item.ts
@@ -106,7 +106,7 @@ export class NodeItem {
    * @param  {Object} $event
    */
   onDblClick($event) {
-    let evalStr = 'inspect($$(\'body [batarangle-id=\"' +
+    let evalStr = 'inspect($$(\'body [augury-id=\"' +
       this.node.id + '\"]\')[0])';
 
     chrome.devtools.inspectedWindow.eval(

diff --git a/src/frontend/components/tree-view/tree-view.html b/src/frontend/components/tree-view/tree-view.html
@@ -5,7 +5,7 @@
     <h4 class="regular m0 header col col-4 flex flex-center primary-color">
       <img src="../images/batarangle.svg"
         class="mr2"
-        style="width: 18px; height: 18px;">Batarangle
+        style="width: 18px; height: 18px;">Augury
     </h4>
 
     <div class="col col-4">

diff --git a/src/frontend/frontend.ts b/src/frontend/frontend.ts
@@ -49,7 +49,7 @@ const BASE_STYLES = require('!style!css!postcss!../styles/app.css');
     </div>`
 })
 /**
- * Batarangle App
+ * Augury App
  */
 class App {
 

diff --git a/src/utils/ng-validate.ts b/src/utils/ng-validate.ts
@@ -1,4 +1,4 @@
 if (window && window.hasOwnProperty('ng')) {
-  window.postMessage({ type: 'BATARANGLE_NG_VALID' }, '*');
+  window.postMessage({ type: 'AUGURY_NG_VALID' }, '*');
 }
-Original file line number
+Diff line change
@@ Expand Up @@
         </div>`
     })
     /**
-     * Batarangle App
+     * Augury App
      */
     class App {
@@ Expand Down @@