2 |
6 |
7 |
8 |
--------------------------------------------------------------------------------
/src/utils/scalar.ts:
--------------------------------------------------------------------------------
1 | export const isScalar = value => {
2 | switch (typeof value) {
3 | case 'string':
4 | case 'number':
5 | case 'boolean':
6 | case 'function':
7 | case 'undefined':
8 | return true;
9 | default:
10 | return false;
11 | }
12 | };
13 |
--------------------------------------------------------------------------------
/src/frontend/store/model.ts:
--------------------------------------------------------------------------------
1 | import {StateTab, Tab} from '../state/tab';
2 |
3 | export interface IAppState {
4 | main: IAuguryState;
5 | }
6 |
7 | export interface IAuguryState {
8 | selectedTab: Tab;
9 | selectedComponentsSubTab: StateTab;
10 | DOMSelectionActive: boolean;
11 | }
12 |
--------------------------------------------------------------------------------
/src/styles/components/node-items.css:
--------------------------------------------------------------------------------
1 |
2 | /* Node Items */
3 |
4 | .node-item {
5 | cursor: pointer;
6 | }
7 |
8 | .node-item-name {
9 | display: inline;
10 | }
11 |
12 | .node-item-property {
13 | display: inline;
14 | }
15 |
16 | .node-item-value {
17 | display: inline;
18 | }
19 |
--------------------------------------------------------------------------------
/src/frontend/components/component-tree/component-tree.css:
--------------------------------------------------------------------------------
1 | :host > main {
2 | min-height: min-content;
3 | display: block;
4 | }
5 |
6 | :host > main > bt-node-item {
7 | min-width: 100%;
8 | display: table;
9 | white-space: nowrap;
10 | }
11 |
12 | :host {
13 | width: 100%;
14 | }
15 |
--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
1 | root = true
2 |
3 | [*]
4 | end_of_line = lf
5 | insert_final_newline = true
6 | indent_style = space
7 | indent_size = 2
8 | trim_trailing_whitespace = true
9 | charset = utf-8
10 | max_line_length = 120
11 | indent_brace_style = 1TBS
12 | spaces_around_operators = true
13 | quote_type = auto
14 |
--------------------------------------------------------------------------------
/src/backend/utils/parse-ng-version.ts:
--------------------------------------------------------------------------------
1 | declare const getAllAngularRootElements: () => Element[];
2 |
3 | export const parseNgVersion = () => {
4 | const rootElements = getAllAngularRootElements();
5 | if (rootElements && rootElements[0]) {
6 | return rootElements[0].getAttribute('ng-version');
7 | }
8 | };
9 |
--------------------------------------------------------------------------------
/webpack.vendor.ts:
--------------------------------------------------------------------------------
1 | // Polyfills
2 | import 'reflect-metadata';
3 | import 'core-js';
4 | import 'zone.js/dist/zone';
5 |
6 | // Angular
7 | import '@angular/platform-browser-dynamic';
8 | import '@angular/core';
9 | import '@angular/common';
10 | import '@angular/http';
11 |
12 | // RxJS
13 | import 'rxjs';
14 |
--------------------------------------------------------------------------------
/src/styles/components/components.css:
--------------------------------------------------------------------------------
1 |
2 | /* Components */
3 |
4 | @import './accordian.css';
5 | @import './header.css';
6 | @import './info-panel.css';
7 | @import './injector-tree.css';
8 | @import './node-items.css';
9 | @import './router-tree.css';
10 | @import './split-pane.css';
11 | @import './tab-menu.css';
12 |
--------------------------------------------------------------------------------
/webpack.test.bootstrap.ts:
--------------------------------------------------------------------------------
1 | // This is equivalent of saying find all the test files, and call require on each dynamically so as to make sure they are all within the bundle generated by tests.
2 |
3 | let testContext = (<{ context?: Function }>require).context('./', true, /\.test\.ts/);
4 | testContext.keys().forEach(testContext);
--------------------------------------------------------------------------------
/src/backend/utils/highlighter.raw:
--------------------------------------------------------------------------------
1 | padding: 5px;
2 | font-size: 11px;
3 | line-height: 11px;
4 | position: absolute;
5 | text-align: right;
6 | z-index: 9999999999999 !important;
7 | pointer-events: none;
8 | min-height: 5px;
9 | background: rgba(126, 183, 253, 0.3);
10 | border: 1px solid rgba(126, 183, 253, 0.7) !important;
11 | color: #6da9d7 !important;
--------------------------------------------------------------------------------
/src/frontend/state/tab.ts:
--------------------------------------------------------------------------------
1 | export enum Tab {
2 | /// A tree representation of application components
3 | ComponentTree,
4 |
5 | /// A tree of router paths
6 | RouterTree,
7 |
8 | /// A list of loaded NgModules
9 | NgModules,
10 | }
11 |
12 | export enum StateTab {
13 | /// Properties panel
14 | Properties,
15 |
16 | /// Injector graph
17 | InjectorGraph
18 | }
19 |
20 |
--------------------------------------------------------------------------------
/src/frontend/components/ng-module-config-view/ng-module-config-view.css:
--------------------------------------------------------------------------------
1 | :host th.config-label {
2 | text-transform: capitalize;
3 | }
4 | :host table {
5 | table-layout: fixed;
6 | width: 100%;
7 | }
8 | :host table td div.label-wrapper {
9 | text-overflow: ellipsis;
10 | overflow: hidden;
11 | }
12 | :host table td div.list-container {
13 | max-height: 18em;
14 | overflow-y: auto;
15 | }
16 |
--------------------------------------------------------------------------------
/frontend.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | {{d.key}}
="{{d.value}}
", ) 4 | 5 | 6 | -------------------------------------------------------------------------------- /src/structures/stack.ts: -------------------------------------------------------------------------------- 1 | export class Stack
3 |
6 |
9 |
7 | {{sectionTitle}}
8 |
11 |
13 |
--------------------------------------------------------------------------------
/src/frontend/components/component-tree/component-tree.html:
--------------------------------------------------------------------------------
1 |
3 |
8 |
9 |
2 |
13 |
--------------------------------------------------------------------------------
/src/frontend/components/report-error/report-error.html:
--------------------------------------------------------------------------------
1 |
3 |
12 |
4 |
6 | {{moduleName}}
5 |
7 |
9 |
10 |
11 |
2 |
18 |
--------------------------------------------------------------------------------
/src/frontend/utils/object-types.ts:
--------------------------------------------------------------------------------
1 | const observableProperties = ['isUnsubscribed', 'isStopped'];
2 |
3 | export const isObservable = object => {
4 | if (object == null) {
5 | return false;
6 | }
7 |
8 | return observableProperties.every(k => object.hasOwnProperty(k));
9 | };
10 |
11 | export const isSubject = object => {
12 | return isObservable(object) && object.hasOwnProperty('hasError');
13 | };
14 |
15 | export const isLargeArray = object => {
16 | if (Array.isArray(object) === false) {
17 | return false;
18 | }
19 | return object.length > 100;
20 | };
21 |
--------------------------------------------------------------------------------
/src/frontend/components/ng-module-config-view/ng-module-config-view.ts:
--------------------------------------------------------------------------------
1 | import {
2 | Component,
3 | Input,
4 | } from '@angular/core';
5 |
6 | @Component({
7 | selector: 'ng-module-config-view',
8 | template: require('./ng-module-config-view.html'),
9 | styles: [require('to-string!./ng-module-config-view.css')],
10 | })
11 | export class NgModuleConfigView {
12 | @Input() private config: {[key: string]: Array
3 |
10 |
4 |
9 | 5 | An uncaught exception prevents Augury from continuing. A stack trace is reproduced below. 6 | 7 |
8 |
11 |
17 |
12 |
16 |
13 | {{error.error.stack}}
14 |
15 | | 5 | {{key}} 6 | | 7 |
|---|
|
12 |
13 |
16 | {{item}}
14 | None
15 | |
17 |
4 |