Skip to content

Commit ebd2220

Browse files
sumitarorasumitarora
committed
Merge pull request rangle#372 from sumitarora/dev
Updating Dev
2 parents 1a886dc + 666e04f commit ebd2220

34 files changed

Lines changed: 112 additions & 156 deletions

‎README.md‎

Lines changed: 5 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
[![Circle CI](https://circleci.com/gh/rangle/augury.svg?style=svg)](https://circleci.com/gh/rangle/augury) [![Slack Status](https://augury-slack.herokuapp.com/badge.svg)](https://augury-slack.herokuapp.com)
44
[![Stories in Ready](https://badge.waffle.io/rangle/augury.svg?label=ready&title=Ready)](https://waffle.io/rangle/augury)
55

6-
Augury is a Google Chrome Dev Tools extension for debugging Angular 2 applications. Treat this as a "developer preview". Until the official Chrome Web Store release, please follow the [instructions below](#getting-the-extension) to install it. It's actually quite easy.
6+
[Augury](https://augury.angular.io/) is a Google Chrome Dev Tools extension for debugging Angular 2 applications. You can install the extension from [Chrome Store](https://chrome.google.com/webstore/detail/augury/elgalmkoelokbchhkhacckoklkejnhcd).
77

88
![Screenshot of Augury](assets/screenloop.gif)
99

@@ -16,22 +16,6 @@ Currently works with applications built in [Angular 2.0.0-beta.15](https://githu
1616

1717
If you want to contribute or need help getting started, [join us on Slack](https://augury-slack.herokuapp.com).
1818

19-
## Getting the Extension
20-
21-
You can get the extension in two ways:
22-
23-
1. If you just want to use the extension you can get the latest master build, which is packaged and hosted on every successful build of master branch on CircleCI
24-
* To download the latest build go to [Batarangle.io](http://batarangle.io) and click install
25-
* After download is complete go to Chrome Extensions `chrome://extensions` in the Chrome
26-
* Drag and Drop the downloaded package to install the extension
27-
28-
2. If you want to download the source code and build it manually
29-
* Clone the repo and install all the dependencies required
30-
* Run command `npm run pack`
31-
* This will generate `batarangle.crx` in the source folder
32-
* Then go to Chrome Extensions `chrome://extensions` in the Chrome
33-
* Drag and Drop the bundled package to install the extension
34-
3519
## Development Environment
3620

3721
To develop this extension, the following environment is used:
@@ -41,16 +25,16 @@ To develop this extension, the following environment is used:
4125
* TypeScript 1.7.5
4226
* typings 0.6.8
4327

44-
## Trying out the extension
28+
## Building & Installing Locally
4529

4630
1. Clone this repository: `git clone git://github.com/rangle/augury`.
4731
2. Run `npm install`.
48-
3. Run `npm run build` (errors related to typing files conflicts can be ignore for now).
32+
3. Run `npm run build`.
4933
4. Navigate to chrome://extensions and enable Developer Mode.
5034
5. Choose "Load unpacked extension".
5135
6. In the dialog, open the directory you just cloned.
5236

53-
To try out with an example application, refer to instructions in [README](./example-apps/todo-mvc-example/README.md).
37+
To try out the extension with an example application, refer to instructions in [README](./example-apps/kitchen-sink-example/README.md).
5438

5539
## Running Tests
5640

@@ -65,17 +49,13 @@ To execute all unit tests, run `npm test`. It bundles up all files that match `*
6549
- `start` Clean build and run webpack in watch mode
6650
- `test` Bundle all *.test.ts and run it through a headless browser
6751
- `prepack` Run npm build before running npm pack
68-
- `pack` Packages the extension and create chrome build batarangle.crx
52+
- `pack` Packages the extension and create chrome build augury.crx
6953

7054
## Developer Information
7155

7256
- [Developer guide](https://github.com/rangle/augury/wiki)
7357
- [Contributing guidelines](CONTRIBUTING.md)
7458
- [Architecture of this extension](./docs/ARCHITECTURE.md)
7559

76-
## Future Plans
77-
78-
We are working hard towards [the official release](https://github.com/rangle/augury/releases). But in the meantime, you can take a look at our [milestones](https://github.com/rangle/augury/milestones) to see what new features are in place.
79-
8060
## License
8161
[MIT](LICENSE)

‎crxmake.sh‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,11 @@ key="key.pem"
1212
name="augury"
1313
files="manifest.json build src images index.html frontend.html popup.html"
1414

15-
crx="$name-$CIRCLE_BUILD_NUM.crx"
15+
crx="$name.crx"
16+
if [ $CIRCLE_BUILD_NUM ]; then
17+
crx="$name-$CIRCLE_BUILD_NUM.crx"
18+
fi
19+
1620
pub="$name.pub"
1721
sig="$name.sig"
1822
zip="$name.zip"

‎manifest.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "Augury",
33
"short_name": "Augury",
4-
"version": "0.0.2",
4+
"version": "1.0.0",
55
"description": "Extends the Developer Tools, adding tools for debugging and profiling Angular 2.0 applications.",
66
"permissions": [
77
"tabs",

‎package.json‎

Lines changed: 12 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "augury",
3-
"version": "0.0.2",
3+
"version": "1.0.0",
44
"description": "Chrome Developer Tools Extension for inspecting Angular 2.0 applications",
55
"repository": {
66
"type": "git",
@@ -31,21 +31,27 @@
3131
"pack": "./crxmake.sh"
3232
},
3333
"dependencies": {
34-
"angular2": "2.0.0-beta.16",
34+
"@angular/common": "0.0.0-5",
35+
"@angular/compiler": "0.0.0-5",
36+
"@angular/core": "0.0.0-5",
37+
"@angular/router": "0.0.0-5",
38+
"@angular/http": "0.0.0-5",
39+
"@angular/platform-browser": "0.0.0-5",
40+
"@angular/platform-browser-dynamic": "0.0.0-5",
3541
"basscss": "^7.0.4",
3642
"core-js": "^2.2.2",
3743
"crypto": "0.0.3",
3844
"d3": "^3.5.16",
39-
"es6-promise": "^3.1.2",
40-
"es6-shim": "^0.35.0",
4145
"file-loader": "^0.8.5",
4246
"immutable": "^3.7.6",
4347
"json-formatter-js": "^0.3.0",
44-
"reflect-metadata": "0.1.2",
45-
"rxjs": "5.0.0-beta.2",
48+
"rxjs": "5.0.0-beta.6",
4649
"zone.js": "^0.6.12"
4750
},
4851
"devDependencies": {
52+
"es6-promise": "^3.1.2",
53+
"es6-shim": "^0.35.0",
54+
"reflect-metadata": "0.1.2",
4955
"autoprefixer": "^6.3.6",
5056
"css-loader": "^0.21.0",
5157
"file-loader": "^0.8.5",

‎popup.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -168,7 +168,7 @@ <h1>
168168

169169
<div class="modal_content">
170170
<p>
171-
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!
171+
Augury is a Google Chrome Dev Tool extension for debugging Angular 2 applications. Currently works with applications built in Angular 2.0.0-beta.15.
172172
</p>
173173
</div>
174174

@@ -178,10 +178,10 @@ <h1>
178178
<a target="_blank" href="https://github.com/rangle/augury" class="icon github"><span>Github</span></a>
179179
</div>
180180
<div class="flex website">
181-
<a target="_blank" href="http://rangle.github.io/batarangle-io/" class="icon"><span>Website</span></a>
181+
<a target="_blank" href="https://augury.angular.io/" class="icon"><span>Website</span></a>
182182
</div>
183183
<div class="flex contribute">
184-
<a target="_blank" href="https://github.com/rangle/augury" class="icon"><span>Contribute</span></a>
184+
<a target="_blank" href="https://github.com/rangle/augury/blob/master/CONTRIBUTING.md" class="icon"><span>Contribute</span></a>
185185
</div>
186186
</div>
187187
</div>

‎src/backend/adapters/angular2.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ declare var ng: { probe: Function, coreTokens: any };
1919
declare var getAllAngularRootElements: Function;
2020
declare var Reflect: { getOwnMetadata: Function };
2121

22-
import { ChangeDetectionStrategy } from 'angular2/core';
22+
import { ChangeDetectionStrategy } from '@angular/core';
2323
import { Observable } from 'rxjs/Observable';
2424
import { Subject } from 'rxjs/Subject';
2525

@@ -170,7 +170,7 @@ export class Angular2Adapter extends BaseAdapter {
170170
if (isRoot) {
171171
return this.addRoot(compEl);
172172
} else if (nodeName !== 'NgSelectOption ') {
173-
// skipping the NgSelectOption to imporove performance
173+
// skipping the NgSelectOption to imporove performance
174174
// It adds no value displaying node elements
175175
this.addChild(compEl);
176176
}

‎src/backend/directive-resolver.ts‎

Lines changed: 8 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,10 @@
1-
import {resolveForwardRef, Injectable} from 'angular2/src/core/di';
2-
import {Type, isPresent, isBlank, stringify} from 'angular2/src/facade/lang';
3-
import {BaseException} from 'angular2/src/facade/exceptions';
4-
import {ListWrapper, StringMapWrapper} from 'angular2/src/facade/collection';
51

2+
import {Type, isPresent, isBlank, stringify} from '@angular/compiler/src/facade/lang';
3+
import {BaseException} from '@angular/compiler/src/facade/exceptions';
4+
import {ListWrapper, StringMapWrapper} from '@angular/compiler/src/facade/collection';
65
import {
6+
resolveForwardRef,
7+
Injectable,
78
DirectiveMetadata,
89
ComponentMetadata,
910
InputMetadata,
@@ -13,9 +14,9 @@ HostListenerMetadata,
1314
ContentChildrenMetadata,
1415
ViewChildrenMetadata,
1516
ContentChildMetadata,
16-
ViewChildMetadata
17-
} from 'angular2/src/core/metadata';
18-
import {reflector} from 'angular2/src/core/reflection/reflection';
17+
ViewChildMetadata,
18+
reflector
19+
} from '@angular/core';
1920

2021
function _isDirectiveMetadata(type: any): boolean {
2122
let className: string = type.constructor.toString().match(/\w+/g)[1];

‎src/backend/utils/parse-router.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import {RouteRule} from 'angular2/src/router/rules/rules';
1+
import {RouteRule} from '@angular/router/src/rules/rules';
22

33
export interface Route {
44
name: string;

‎src/frontend/actions/backend-actions/backend-actions.test.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import * as test from 'tape';
2-
import {ReflectiveInjector, provide} from 'angular2/core';
2+
import {ReflectiveInjector, provide} from '@angular/core';
33
import {Dispatcher} from '../../dispatcher/dispatcher';
44
import {BackendActions} from '../backend-actions/backend-actions';
55
import {BackendActionType} from '../action-constants.ts';

‎src/frontend/actions/backend-actions/backend-actions.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import {Injectable} from 'angular2/core';
1+
import {Injectable} from '@angular/core';
22
import {Dispatcher} from '../../dispatcher/dispatcher';
33
import {BackendActionType} from '../action-constants';
44

0 commit comments

Comments
 (0)