diff --git a/README.md b/README.md index 63ef580d..533d86d6 100644 --- a/README.md +++ b/README.md @@ -94,6 +94,9 @@ For npm: ## Configuration +### Security Definition location +You can inject Security Definitions widget into any place of your specification `description`. Check out details [here](docs/security-definitions-injection.md). + ### Swagger vendor extensions ReDoc makes use of the following [vendor extensions](http://swagger.io/specification/#vendorExtensions): * [`x-logo`](docs/redoc-vendor-extensions.md#x-logo) - is used to specify API logo @@ -132,11 +135,7 @@ Redoc.init('http://petstore.swagger.io/v2/swagger.json', { `cd ReDoc` - Install dependencies `npm install` -- *(Temporary step, will be obsolete after fixing #97)* Compile CSS -```bash -npm run build:sass -``` -- _(optional)_ Replace `demo/swagger.json` with your own schema +- _(optional)_ Replace `demo/swagger.yaml` with your own schema - Start the server `npm start` - Open `http://localhost:9000` diff --git a/build/webpack.dev.js b/build/webpack.dev.js index cc6afc4a..449f6d50 100644 --- a/build/webpack.dev.js +++ b/build/webpack.dev.js @@ -1,5 +1,6 @@ const webpack = require('webpack'); const ForkCheckerPlugin = require('awesome-typescript-loader').ForkCheckerPlugin; +const StringReplacePlugin = require("string-replace-webpack-plugin"); const root = require('./helpers').root; const VERSION = JSON.stringify(require('../package.json').version); @@ -62,6 +63,28 @@ module.exports = { exclude: [ /node_modules/ ] + }, { + enforce: 'pre', + test: /\.ts$/, + exclude: [ + /node_modules/ + ], + loader: StringReplacePlugin.replace({ + replacements: [ + { + pattern: /styleUrls:\s*\[\s*'([\w\.\/-]*)\.css'\s*\][\s,]*$/m, + replacement: function (match, p1, offset, string) { + return `styleUrls: ['${p1}.scss'],`; + } + }, + { + pattern: /(\.\/components\/Redoc\/redoc-initial-styles\.css)/m, + replacement: function (match, p1, offset, string) { + return p1.replace('.css', '.scss'); + } + } + ] + }) }, { test: /\.ts$/, loaders: [ @@ -70,13 +93,16 @@ module.exports = { ], exclude: [/\.(spec|e2e)\.ts$/] }, { - test: /lib[\\\/].*\.css$/, - loaders: ['raw-loader'], - exclude: [/redoc-initial-styles\.css$/] + test: /lib[\\\/].*\.scss$/, + loaders: ['raw-loader', "sass"], + exclude: [/redoc-initial-styles\.scss$/] + }, { + test: /\.scss$/, + loaders: ['style', 'css?-import', "sass"], + exclude: [/lib[\\\/](?!.*redoc-initial-styles).*\.scss$/] }, { test: /\.css$/, loaders: ['style', 'css?-import'], - exclude: [/lib[\\\/](?!.*redoc-initial-styles).*\.css$/] }, { test: /\.html$/, loader: 'raw-loader' @@ -97,6 +123,8 @@ module.exports = { 'AOT': IS_PRODUCTION }), - new ForkCheckerPlugin() + new ForkCheckerPlugin(), + + new StringReplacePlugin() ], } diff --git a/build/webpack.prod.js b/build/webpack.prod.js index ffecdfe0..8fc8ef45 100644 --- a/build/webpack.prod.js +++ b/build/webpack.prod.js @@ -12,18 +12,6 @@ const BANNER = const IS_MODULE = process.env.IS_MODULE != null; -const TS_RULE = { - test: /\.ts$/, - loader: 'awesome-typescript-loader', - exclude: /(node_modules)/, -}; -// -// if (IS_MODULE) { -// TS_RULE.query = { -// noEmitHelpers: false -// } -// } - const config = { context: root(), devtool: 'source-map', @@ -70,7 +58,14 @@ const config = { exclude: [ /node_modules/ ] - }, TS_RULE, { + }, { + test: /node_modules\/.*\.ngfactory\.ts$/, + loader: 'awesome-typescript-loader' + }, { + test: /\.ts$/, + loader: 'awesome-typescript-loader', + exclude: /(node_modules)/, + }, { test: /lib[\\\/].*\.css$/, loaders: ['raw-loader'], exclude: [/redoc-initial-styles\.css$/] diff --git a/demo/swagger.yaml b/demo/swagger.yaml index 9bb9dee4..ac84c381 100644 --- a/demo/swagger.yaml +++ b/demo/swagger.yaml @@ -26,7 +26,6 @@ info: This API features Cross-Origin Resource Sharing (CORS) implemented in compliance with [W3C spec](https://www.w3.org/TR/cors/). And that allows cross-domain communication from the browser. All responses have a wildcard same-origin which makes them completely public and accessible to everyone, including any code on any site. - version: 1.0.0 title: Swagger Petstore termsOfService: 'http://swagger.io/terms/' diff --git a/docs/redoc-vendor-extensions.md b/docs/redoc-vendor-extensions.md index e12ef1e5..6cda3908 100644 --- a/docs/redoc-vendor-extensions.md +++ b/docs/redoc-vendor-extensions.md @@ -49,7 +49,7 @@ info: ### Tag Object vendor extensions Extends OpenAPI [Tag Object](http://swagger.io/specification/#tagObject) -#### x-traitTag +#### x-traitTag [DEPRECATED] | Field Name | Type | Description | | :------------- | :------: | :---------- | | x-traitTag | boolean | In Swagger two operations can have multiply tags. This property distinguish between tags that are used to group operations (default) from tags that are used to mark operation with certain trait (`true` value) | diff --git a/docs/security-definitions-injection.md b/docs/security-definitions-injection.md new file mode 100644 index 00000000..84071c07 --- /dev/null +++ b/docs/security-definitions-injection.md @@ -0,0 +1,19 @@ +# Injection security definitions + +You can inject Security Definitions widget into any place of your specification `description`: + +```markdown +... +# Authorization +Some description + + +... +``` +Inject instruction is wrapped into HTML comment so it is **visible only in ReDoc**. It won't be visible e.g. in SwaggerUI. + +# Default behavior +If injection tag is not found in the description it will be appended to the end +of description under `Authentication` header. + +If `Authentication` header is already present in the description, Security Definitions won't be inserted and rendered at all. diff --git a/lib/app.module.ts b/lib/app.module.ts new file mode 100644 index 00000000..37ee2c5a --- /dev/null +++ b/lib/app.module.ts @@ -0,0 +1,13 @@ +import { NgModule } from '@angular/core'; +import { BrowserModule } from '@angular/platform-browser'; + +import { RedocModule } from './redoc.module'; +import { Redoc } from './components/index'; + +@NgModule({ + imports: [ BrowserModule, RedocModule ], + bootstrap: [ Redoc ], + exports: [ Redoc ] +}) +export class AppModule { +} diff --git a/lib/bootstrap.dev.ts b/lib/bootstrap.dev.ts index f826b733..296618d7 100644 --- a/lib/bootstrap.dev.ts +++ b/lib/bootstrap.dev.ts @@ -1,6 +1,6 @@ import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; -import { RedocModule } from './redoc.module'; +import { AppModule } from './app.module'; export function bootstrapRedoc() { - return platformBrowserDynamic().bootstrapModule(RedocModule); + return platformBrowserDynamic().bootstrapModule(AppModule); } diff --git a/lib/bootstrap.ts b/lib/bootstrap.ts index d7439b26..c55ccecb 100644 --- a/lib/bootstrap.ts +++ b/lib/bootstrap.ts @@ -1,6 +1,6 @@ import { platformBrowser } from '@angular/platform-browser'; -import { RedocModuleNgFactory } from './redoc.module.ngfactory'; +import { AppModuleNgFactory } from './app.module.ngfactory'; export function bootstrapRedoc() { - return platformBrowser().bootstrapModuleFactory(RedocModuleNgFactory); + return platformBrowser().bootstrapModuleFactory(AppModuleNgFactory); } diff --git a/lib/components/ApiInfo/api-info.html b/lib/components/ApiInfo/api-info.html index de1daf78..b8a8428c 100644 --- a/lib/components/ApiInfo/api-info.html +++ b/lib/components/ApiInfo/api-info.html @@ -17,5 +17,5 @@ {{info.license.name}}

-

+ diff --git a/lib/components/ApiInfo/api-info.spec.ts b/lib/components/ApiInfo/api-info.spec.ts index 7f5bf1c8..4d0e6612 100644 --- a/lib/components/ApiInfo/api-info.spec.ts +++ b/lib/components/ApiInfo/api-info.spec.ts @@ -11,7 +11,7 @@ import { } from '@angular/core/testing'; import { ApiInfo } from './api-info'; -import { SpecManager } from '../../utils/SpecManager'; +import { SpecManager } from '../../utils/spec-manager'; describe('Redoc components', () => { describe('ApiInfo Component', () => { diff --git a/lib/components/ApiInfo/api-info.ts b/lib/components/ApiInfo/api-info.ts index 9847210a..946b6ff2 100644 --- a/lib/components/ApiInfo/api-info.ts +++ b/lib/components/ApiInfo/api-info.ts @@ -12,7 +12,7 @@ import { OptionsService, MenuService } from '../../services/index'; export class ApiInfo extends BaseComponent implements OnInit { info: any = {}; specUrl: String; - constructor(specMgr:SpecManager, private optionsService:OptionsService, private menuServ: MenuService) { + constructor(specMgr: SpecManager, private optionsService: OptionsService) { super(specMgr); } diff --git a/lib/components/ApiLogo/api-logo.spec.ts b/lib/components/ApiLogo/api-logo.spec.ts index e4ba00c0..5ef98c1f 100644 --- a/lib/components/ApiLogo/api-logo.spec.ts +++ b/lib/components/ApiLogo/api-logo.spec.ts @@ -10,7 +10,7 @@ import { } from '@angular/core/testing'; import { ApiLogo } from './api-logo'; -import { SpecManager } from '../../utils/SpecManager'; +import { SpecManager } from '../../utils/spec-manager'; describe('Redoc components', () => { diff --git a/lib/components/JsonSchema/json-schema-lazy.ts b/lib/components/JsonSchema/json-schema-lazy.ts index 80dc3f63..4cfe9143 100644 --- a/lib/components/JsonSchema/json-schema-lazy.ts +++ b/lib/components/JsonSchema/json-schema-lazy.ts @@ -5,7 +5,7 @@ import { Component, ElementRef, ViewContainerRef, OnDestroy, Input, import { JsonSchema } from './json-schema'; import { OptionsService } from '../../services/options.service'; -import { SpecManager } from '../../utils/SpecManager'; +import { SpecManager } from '../../utils/spec-manager'; var cache = {}; @@ -38,7 +38,7 @@ export class JsonSchemaLazy implements OnDestroy, AfterViewInit { var componentFactory = this.resolver.resolveComponentFactory(JsonSchema); let contextInjector = this.location.parentInjector; let compRef = this.location.createComponent(componentFactory, null, contextInjector, null); - this.initComponent(compRef.instance); + this.projectComponentInputs(compRef.instance); this._renderer.setElementAttribute(compRef.location.nativeElement, 'class', this.location.element.nativeElement.className); compRef.changeDetectorRef.detectChanges(); this.loaded = true; @@ -58,24 +58,22 @@ export class JsonSchemaLazy implements OnDestroy, AfterViewInit { this.pointer = this.normalizePointer(); if (cache[this.pointer]) { let compRef = cache[this.pointer]; - setTimeout( ()=> { - let $element = compRef.location.nativeElement; + let $element = compRef.location.nativeElement; - // skip caching view with descendant schemas - // as it needs attached controller - if (!this.disableLazy && (compRef.instance.hasDescendants || compRef.instance._hasSubSchemas)) { - this._loadAfterSelf(); - return; - } - insertAfter($element.cloneNode(true), this.elementRef.nativeElement); - this.loaded = true; - }); + // skip caching view with descendant schemas + // as it needs attached controller + if (!this.disableLazy && (compRef.instance.hasDescendants || compRef.instance._hasSubSchemas)) { + this._loadAfterSelf(); + return; + } + insertAfter($element.cloneNode(true), this.elementRef.nativeElement); + this.loaded = true; } else { cache[this.pointer] = this._loadAfterSelf(); } } - initComponent(instance:JsonSchema) { + projectComponentInputs(instance:JsonSchema) { Object.assign(instance, this); } diff --git a/lib/components/JsonSchema/json-schema.spec.ts b/lib/components/JsonSchema/json-schema.spec.ts index d2c8f697..53b77cad 100644 --- a/lib/components/JsonSchema/json-schema.spec.ts +++ b/lib/components/JsonSchema/json-schema.spec.ts @@ -10,7 +10,7 @@ import { getChildDebugElement } from '../../../tests/helpers'; import { JsonSchema } from './json-schema'; -import { SpecManager } from '../../utils/SpecManager';; +import { SpecManager } from '../../utils/spec-manager';; describe('Redoc components', () => { beforeEach(() => { diff --git a/lib/components/Method/method.spec.ts b/lib/components/Method/method.spec.ts index c5e80d15..c35508a0 100644 --- a/lib/components/Method/method.spec.ts +++ b/lib/components/Method/method.spec.ts @@ -10,7 +10,7 @@ import { import { getChildDebugElement } from '../../../tests/helpers'; import { Method } from './method'; -import { SpecManager } from '../../utils/SpecManager';; +import { SpecManager } from '../../utils/spec-manager';; describe('Redoc components', () => { beforeEach(() => { diff --git a/lib/components/MethodsList/methods-list.spec.ts b/lib/components/MethodsList/methods-list.spec.ts index e552d2d2..ca59e157 100644 --- a/lib/components/MethodsList/methods-list.spec.ts +++ b/lib/components/MethodsList/methods-list.spec.ts @@ -11,7 +11,7 @@ import { getChildDebugElement } from '../../../tests/helpers'; import { MethodsList } from './methods-list'; -import { SpecManager } from '../../utils/SpecManager'; +import { SpecManager } from '../../utils/spec-manager'; describe('Redoc components', () => { beforeEach(() => { diff --git a/lib/components/Redoc/redoc-initial-styles.scss b/lib/components/Redoc/redoc-initial-styles.scss index 1a1b441b..abb29d88 100644 --- a/lib/components/Redoc/redoc-initial-styles.scss +++ b/lib/components/Redoc/redoc-initial-styles.scss @@ -4,12 +4,15 @@ redoc.loading { position: relative; display: block; - min-height:350px; + min-height: 350px; } @keyframes rotate { - 0% {transform: rotate(0deg)} - 100% {transform: rotate(360deg)} + 0% { + transform: rotate(0deg); } + 100% { + transform: rotate(360deg); + } } redoc.loading:before { @@ -33,7 +36,7 @@ redoc.loading:before { } redoc.loading:after { - z-index: 10000; + z-index: 10000; background-image: url('data:image/svg+xml;utf8,'); animation: 2s rotate linear infinite; width: 50px; @@ -51,20 +54,3 @@ redoc.loading:after { redoc.loading-remove:before, redoc.loading-remove:after { opacity: 0; } - -.redoc-error { - padding: 20px; - text-align: center; - color: #cc0000; - - > h2 { - color: #cc0000; - font-size: 40px; - } -} - -.redoc-error-details { - max-width: 750px; - margin: 0 auto; - font-size: 18px; -} diff --git a/lib/components/Redoc/redoc.html b/lib/components/Redoc/redoc.html index 8df000b0..8b4476ad 100644 --- a/lib/components/Redoc/redoc.html +++ b/lib/components/Redoc/redoc.html @@ -1,4 +1,8 @@ -
+
+

Oops... ReDoc failed to render this spec

+
{{error.message}}
+
+
diff --git a/lib/components/Redoc/redoc.scss b/lib/components/Redoc/redoc.scss index 6e1cd918..0570a1a4 100644 --- a/lib/components/Redoc/redoc.scss +++ b/lib/components/Redoc/redoc.scss @@ -256,3 +256,19 @@ footer { font-weight: bold; } } + +.redoc-error { + padding: 20px; + text-align: center; + color: #cc0000; + > h2 { + color: #cc0000; + font-size: 40px; + } +} + +.redoc-error-details { + max-width: 750px; + margin: 0 auto; + font-size: 18px; +} diff --git a/lib/components/Redoc/redoc.spec.ts b/lib/components/Redoc/redoc.spec.ts index 6ef20074..01c6e80d 100644 --- a/lib/components/Redoc/redoc.spec.ts +++ b/lib/components/Redoc/redoc.spec.ts @@ -11,7 +11,7 @@ import { import { TestBed } from '@angular/core/testing'; import { Redoc } from './redoc'; -import { SpecManager } from '../../utils/SpecManager'; +import { SpecManager } from '../../utils/spec-manager'; import { OptionsService } from '../../services/index'; let optsMgr:OptionsService; @@ -46,123 +46,6 @@ describe('Redoc components', () => { fixture.destroy(); }); }); - - // describe('Redoc init', () => { - // let dom = new BrowserDomAdapter(); - // let elem; - // beforeEach(() => { - // elem = dom.createElement('redoc'); - // dom.defaultDoc().body.appendChild(elem); - // }); - // - // afterEach(() => { - // dom.defaultDoc().body.removeChild(elem); - // }); - // - // it('should return promise', () => { - // let res = Redoc.init().catch(() => {/**/}); - // res.should.be.instanceof(Promise); - // }); - // - // it('should hide loading animation and display message in case of error', async(() => { - // spyOn(Redoc, 'hideLoadingAnimation').and.callThrough(); - // spyOn(Redoc, 'displayError').and.callThrough(); - // let res = Redoc.init(); - // return res.catch(() => { - // expect(Redoc.hideLoadingAnimation).toHaveBeenCalled(); - // expect(Redoc.displayError).toHaveBeenCalled(); - // }); - // })); - // - // //skip because of PhantomJS crashes on this testcase - // xit('should init redoc', (done) => { - // var node = document.createElement('redoc'); - // document.body.appendChild(node); - // let res = Redoc.init('/tests/schemas/extended-petstore.yml'); - // res.then(() => { done(); }, () => { - // done.fail('Error handler should not been called'); - // }); - // }); - // }); - // - // describe('Redoc destroy', () => { - // let builder; - // let fixture; - // let element; - // let dom; - // let destroySpy; - // - // beforeEach(async(inject([SpecManager, OptionsService, BrowserDomAdapter], - // ( specMgr, opts, _dom) => { - // - // optsMgr = opts; - // dom = _dom; - // return specMgr.load('/tests/schemas/extended-petstore.yml'); - // }))); - // - // beforeEach(() => { - // fixture = TestBed.createComponent(TestAppComponent); - // element = getChildDebugElement(fixture.debugElement, 'methods-list').nativeElement; - // destroySpy = jasmine.createSpy('spy'); - // Redoc.appRef = >{ - // destroy: destroySpy - // }; - // fixture.detectChanges(); - // }); - // - // afterEach(()=> { - // fixture.destroy(); - // Redoc.appRef = null; - // }); - // - // it('should call componentRef.destroy', () => { - // Redoc.destroy(); - // expect(destroySpy).toHaveBeenCalled(); - // }); - // - // it('should create new host element', () => { - // element.parentElement.removeChild(element); - // Redoc.destroy(); - // expect(dom.query('redoc')).not.toBeNull(); - // dom.query('redoc').should.not.be.equal(element); - // }); - // - // it('should set to null appRef', () => { - // Redoc.destroy(); - // expect(Redoc.appRef).toBeNull(); - // }); - // }); - // - // describe('Redoc autoInit', () => { - // const testURL = 'testurl'; - // let dom = new BrowserDomAdapter(); - // //let redocInitSpy; - // let elem: HTMLElement; - // - // beforeEach(() => { - // spyOn(Redoc, 'init').and.stub(); - // elem = dom.createElement('redoc'); - // dom.defaultDoc().body.appendChild(elem); - // dom.setAttribute(elem, 'spec-url', testURL); - // }); - // - // it('should call Redoc.init with url from param spec-url', () => { - // Redoc.autoInit(); - // expect(Redoc.init).toHaveBeenCalled(); - // expect((Redoc.init).calls.argsFor(0)).toEqual([testURL]); - // }); - // - // it('should not call Redoc.init when spec-url param is not provided', () => { - // dom.removeAttribute(elem, 'spec-url'); - // Redoc.autoInit(); - // expect(Redoc.init).not.toHaveBeenCalled(); - // }); - // - // afterEach(() => { - // (Redoc.init).and.callThrough(); - // dom.defaultDoc().body.removeChild(elem); - // }); - // }); }); /** Test component that contains a Redoc. */ diff --git a/lib/components/Redoc/redoc.ts b/lib/components/Redoc/redoc.ts index 2c659864..56f72601 100644 --- a/lib/components/Redoc/redoc.ts +++ b/lib/components/Redoc/redoc.ts @@ -1,15 +1,23 @@ 'use strict'; -import { ElementRef, ComponentRef, ChangeDetectorRef, Input, - Component, OnInit, ChangeDetectionStrategy} from '@angular/core'; +import { ElementRef, + ComponentRef, + ChangeDetectorRef, + Input, + Component, + OnInit, + ChangeDetectionStrategy, + HostBinding +} from '@angular/core'; import { BrowserDomAdapter as DOM } from '../../utils/browser-adapter'; import { BaseComponent } from '../base'; import * as detectScollParent from 'scrollparent'; -import { SpecManager } from '../../utils/SpecManager'; -import { OptionsService, RedocEventsService } from '../../services/index'; +import { SpecManager } from '../../utils/spec-manager'; +import { OptionsService, Hash, MenuService, AppStateService } from '../../services/index'; +import { CustomErrorHandler } from '../../utils/'; @Component({ selector: 'redoc', @@ -18,45 +26,29 @@ import { OptionsService, RedocEventsService } from '../../services/index'; changeDetection: ChangeDetectionStrategy.OnPush }) export class Redoc extends BaseComponent implements OnInit { - static appRef: ComponentRef; static _preOptions: any; - specLoaded: boolean; - - public options: any; private element: any; + error: any; + specLoaded: boolean; + options: any; + @Input() specUrl: string; + @HostBinding('class.loading') specLoading: boolean = false; + @HostBinding('class.loading-remove') specLoadingRemove: boolean = false; - // TODO: refactor in separate component/service - showLoadingAnimation() { - DOM.addClass(this.element, 'loading'); - } - - hideLoadingAnimation() { - DOM.addClass(this.element, 'loading-remove'); - setTimeout(() => { - DOM.removeClass(this.element, 'loading-remove'); - DOM.removeClass(this.element, 'loading'); - }, 400); - } - - static displayError(err, elem?) { - let redocEl = elem || DOM.query('redoc'); - if (!redocEl) return; - let heading = 'Oops... ReDoc failed to render this spec'; - let details = err.message; - let erroHtml = `
-

${heading}

-
${details}
`; - redocEl.innerHTML = erroHtml; - } - - constructor(specMgr: SpecManager, optionsMgr:OptionsService, elementRef:ElementRef, - public events:RedocEventsService, private changeDetector: ChangeDetectorRef) { + constructor( + specMgr: SpecManager, + optionsMgr: OptionsService, + elementRef: ElementRef, + private changeDetector: ChangeDetectorRef, + private appState: AppStateService + ) { super(specMgr); // merge options passed before init optionsMgr.options = Redoc._preOptions || {}; + this.element = elementRef.nativeElement; //parse options (top level component doesn't support inputs) optionsMgr.parseOptions( this.element ); @@ -66,22 +58,46 @@ export class Redoc extends BaseComponent implements OnInit { this.options = optionsMgr.options; } + hideLoadingAnimation() { + this.specLoadingRemove = true; + setTimeout(() => { + this.specLoadingRemove = true; + this.specLoading = false; + }, 400); + } + load() { - this.showLoadingAnimation(); - SpecManager.instance().load(this.options.specUrl).then(() => { - this.specLoaded = true; - this.changeDetector.markForCheck(); - //this.changeDetector.detectChanges(); - this.events.bootstrapped.next({}); - this.hideLoadingAnimation(); - }).catch((err) => { - this.hideLoadingAnimation(); - Redoc.displayError(err, this.element); + this.specMgr.load(this.options.specUrl).catch(err => { throw err; - }) + }); + + this.specMgr.spec.subscribe((spec) => { + if (!spec) { + this.specLoading = true; + this.specLoaded = false; + } else { + this.specLoaded = true; + this.hideLoadingAnimation(); + this.changeDetector.markForCheck(); + } + }); } ngOnInit() { + this.appState.error.subscribe(_err => { + if (!_err) return; + + if (this.specLoading) { + this.specLoaded = true; + this.hideLoadingAnimation(); + } + this.error = _err; + this.changeDetector.markForCheck(); + setTimeout(() => { + this.changeDetector.detectChanges() + }); + }) + if (this.specUrl) { this.options.specUrl = this.specUrl; } diff --git a/lib/components/RequestSamples/request-samples.ts b/lib/components/RequestSamples/request-samples.ts index 14651d54..049e536b 100644 --- a/lib/components/RequestSamples/request-samples.ts +++ b/lib/components/RequestSamples/request-samples.ts @@ -1,12 +1,14 @@ 'use strict'; -import { Component, ViewChildren, QueryList, EventEmitter, Input, +import { Component, ViewChildren, QueryList, Input, ChangeDetectionStrategy, OnInit, HostBinding } from '@angular/core'; +import { Subject } from 'rxjs/Subject'; + import { BaseComponent, SpecManager } from '../base'; import JsonPointer from '../../utils/JsonPointer'; import { Tabs } from '../../shared/components/index'; -import { RedocEventsService } from '../../services/index'; +import { AppStateService } from '../../services/index'; @Component({ selector: 'request-samples', @@ -21,18 +23,17 @@ export class RequestSamples extends BaseComponent implements OnInit { @HostBinding('attr.hidden') hidden; childTabs: Tabs; - selectedLang: EventEmitter; + selectedLang: Subject; samples: Array; - constructor(specMgr:SpecManager, public events:RedocEventsService) { + constructor(specMgr:SpecManager, public appState:AppStateService) { super(specMgr); - this.selectedLang = this.events.samplesLanguageChanged; + this.selectedLang = this.appState.samplesLanguage; } - changeLangNotify(lang) { - this.events.samplesLanguageChanged.next(lang); + this.selectedLang.next(lang); } init() { diff --git a/lib/components/SecurityDefinitions/security-definitions.html b/lib/components/SecurityDefinitions/security-definitions.html new file mode 100644 index 00000000..e858c36b --- /dev/null +++ b/lib/components/SecurityDefinitions/security-definitions.html @@ -0,0 +1,40 @@ +
+

+ {{def.name}}

+
+
+ + + + + + + + + + +
Security scheme type: {{def.details._displayType}}
{{def.details.in}} parameter name: {{def.details.name}}
+ +
+
diff --git a/lib/components/SecurityDefinitions/security-definitions.scss b/lib/components/SecurityDefinitions/security-definitions.scss new file mode 100644 index 00000000..37974052 --- /dev/null +++ b/lib/components/SecurityDefinitions/security-definitions.scss @@ -0,0 +1,36 @@ +@import '../../shared/styles/variables'; + +.security-definition:not(:last-of-type) { + border-bottom: 1px solid rgba($text-color, .3); + padding-bottom: 20px; +} + +h2, h3 { + color: $secondary-color; +} + +:host h2 { + padding-top: 40px; +} + +h3 { + margin: 1em 0; + font-size: 1em; +} + +:host .redoc-markdown-block table { + margin-top: 20px; +} + +table.details th, table.details td { + font-weight: bold; + width: 200px; + max-width: 50%; +} + +table.details th { + text-align: left; + padding: 6px; + text-transform: capitalize; + font-weight: normal; +} diff --git a/lib/components/SecurityDefinitions/security-definitions.ts b/lib/components/SecurityDefinitions/security-definitions.ts new file mode 100644 index 00000000..0515540f --- /dev/null +++ b/lib/components/SecurityDefinitions/security-definitions.ts @@ -0,0 +1,50 @@ +'use strict'; +import { Component, ChangeDetectionStrategy, OnInit, HostListener } from '@angular/core'; +import { SpecManager, BaseComponent } from '../base'; + +import { ComponentParser } from '../../services/component-parser.service'; + +const AUTH_TYPES = { + 'oauth2': 'OAuth2', + 'apiKey': 'API Key', + 'basic': 'Basic Authorization' +} + +@Component({ + selector: 'security-definitions', + styleUrls: ['./security-definitions.css'], + templateUrl: './security-definitions.html', + changeDetection: ChangeDetectionStrategy.OnPush +}) +export class SecurityDefinitions extends BaseComponent implements OnInit { + info: any = {}; + specUrl: String; + defs: any[]; + + static insertTagIntoDescription(md:string) { + if (ComponentParser.contains(md, 'security-definitions')) return md; + if (/^#\s?Authentication\s*$/mi.test(md)) return md; + return md + '\n# Authentication \n' + ComponentParser.build('security-definitions'); + } + + constructor(specMgr:SpecManager) { + super(specMgr); + } + + init() { + this.componentSchema = this.componentSchema.securityDefinitions; + this.defs = Object.keys(this.componentSchema).map(name => { + let details = this.componentSchema[name]; + details._displayType = AUTH_TYPES[details.type]; + return { + name, + details + } + }); + + } + + ngOnInit() { + this.preinit(); + } +} diff --git a/lib/components/SideMenu/side-menu.spec.ts b/lib/components/SideMenu/side-menu.spec.ts index 75b7e64c..f4707689 100644 --- a/lib/components/SideMenu/side-menu.spec.ts +++ b/lib/components/SideMenu/side-menu.spec.ts @@ -13,7 +13,7 @@ import { TestBed } from '@angular/core/testing'; import { MethodsList, SideMenu } from '../index'; -import { SpecManager } from '../../utils/SpecManager'; +import { SpecManager } from '../../utils/spec-manager'; let testOptions; diff --git a/lib/components/SideMenu/side-menu.ts b/lib/components/SideMenu/side-menu.ts index 0b9c23cf..8def56d0 100644 --- a/lib/components/SideMenu/side-menu.ts +++ b/lib/components/SideMenu/side-menu.ts @@ -103,7 +103,6 @@ export class SideMenu extends BaseComponent implements OnInit { destroy() { this.scrollService.unbind(); - this.hash.unbind(); } ngOnInit() { diff --git a/lib/components/base.spec.ts b/lib/components/base.spec.ts index 2cc0599b..efc0687f 100644 --- a/lib/components/base.spec.ts +++ b/lib/components/base.spec.ts @@ -1,6 +1,6 @@ 'use strict'; -import { SpecManager } from '../utils/SpecManager'; +import { SpecManager } from '../utils/spec-manager'; import { BaseComponent } from '../components/base'; describe('Redoc components', () => { diff --git a/lib/components/base.ts b/lib/components/base.ts index 0a6167dd..9325e2b3 100644 --- a/lib/components/base.ts +++ b/lib/components/base.ts @@ -1,6 +1,6 @@ 'use strict'; import { OnInit, OnDestroy } from '@angular/core'; -import { SpecManager } from '../utils/SpecManager'; +import { SpecManager } from '../utils/spec-manager'; export { SpecManager }; diff --git a/lib/components/index.ts b/lib/components/index.ts index c084ce81..e904bc5a 100644 --- a/lib/components/index.ts +++ b/lib/components/index.ts @@ -13,13 +13,14 @@ import { SideMenu } from './SideMenu/side-menu'; import { MethodsList } from './MethodsList/methods-list'; import { Method } from './Method/method'; import { Warnings } from './Warnings/warnings'; +import { SecurityDefinitions } from './SecurityDefinitions/security-definitions'; import { Redoc } from './Redoc/redoc'; export const REDOC_DIRECTIVES = [ ApiInfo, ApiLogo, JsonSchema, JsonSchemaLazy, ParamsList, RequestSamples, ResponsesList, - ResponsesSamples, SchemaSample, SideMenu, MethodsList, Method, Warnings, Redoc + ResponsesSamples, SchemaSample, SideMenu, MethodsList, Method, Warnings, Redoc, SecurityDefinitions ]; export { ApiInfo, ApiLogo, JsonSchema, JsonSchemaLazy, ParamsList, RequestSamples, ResponsesList, -ResponsesSamples, SchemaSample, SideMenu, MethodsList, Method, Warnings, Redoc } +ResponsesSamples, SchemaSample, SideMenu, MethodsList, Method, Warnings, Redoc, SecurityDefinitions } diff --git a/lib/index.ts b/lib/index.ts index e542152f..32a05be6 100644 --- a/lib/index.ts +++ b/lib/index.ts @@ -3,7 +3,7 @@ import './components/Redoc/redoc-initial-styles.css'; import { enableProdMode } from '@angular/core'; import { Redoc } from './components/index'; -import { SpecManager } from './utils/SpecManager'; +import { SpecManager } from './utils/spec-manager'; import { BrowserDomAdapter as DOM } from './utils/browser-adapter'; import { disableDebugTools } from '@angular/platform-browser'; @@ -34,7 +34,7 @@ export function init(specUrl:string, options:any = {}) { moduleRef = appRef; console.log('ReDoc initialized!'); }).catch(err => { - Redoc.displayError(err); + //Redoc.displayError(err); throw err; }); }; diff --git a/lib/redoc.module.ts b/lib/redoc.module.ts index 98f15729..16a1cf41 100644 --- a/lib/redoc.module.ts +++ b/lib/redoc.module.ts @@ -1,26 +1,40 @@ -import { NgModule } from '@angular/core'; -import { BrowserModule } from '@angular/platform-browser'; +import { NgModule, ErrorHandler } from '@angular/core'; +import { CommonModule } from '@angular/common'; -import { Redoc, REDOC_DIRECTIVES } from './components/index'; -import { REDOC_COMMON_DIRECTIVES } from './shared/components/index'; -import { REDOC_PIPES } from './utils/pipes'; +import { Redoc, SecurityDefinitions, REDOC_DIRECTIVES } from './components/index'; +import { REDOC_COMMON_DIRECTIVES, DynamicNg2Wrapper } from './shared/components/index'; +import { REDOC_PIPES, KeysPipe } from './utils/pipes'; +import { CustomErrorHandler } from './utils/' -import { OptionsService, RedocEventsService, MenuService, - ScrollService, Hash, WarningsService } from './services/index'; -import { SpecManager } from './utils/SpecManager'; +import { + OptionsService, + MenuService, + ScrollService, + Hash, + WarningsService, + AppStateService, + ComponentParser, + ContentProjector, + COMPONENT_PARSER_ALLOWED } from './services/'; +import { SpecManager } from './utils/spec-manager'; @NgModule({ - imports: [ BrowserModule ], - declarations: [ REDOC_DIRECTIVES, REDOC_COMMON_DIRECTIVES, REDOC_PIPES], + imports: [ CommonModule ], + declarations: [ REDOC_DIRECTIVES, REDOC_COMMON_DIRECTIVES, REDOC_PIPES ], bootstrap: [ Redoc ], + entryComponents: [ SecurityDefinitions, DynamicNg2Wrapper ], providers: [ SpecManager, - RedocEventsService, ScrollService, Hash, MenuService, WarningsService, - OptionsService + OptionsService, + AppStateService, + ComponentParser, + ContentProjector, + { provide: ErrorHandler, useClass: CustomErrorHandler }, + { provide: COMPONENT_PARSER_ALLOWED, useValue: { 'security-definitions': SecurityDefinitions} } ], exports: [Redoc] }) diff --git a/lib/services/app-state.service.ts b/lib/services/app-state.service.ts new file mode 100644 index 00000000..bc63b5a1 --- /dev/null +++ b/lib/services/app-state.service.ts @@ -0,0 +1,11 @@ +'use strict'; + +import { Injectable } from '@angular/core'; +import { Subject } from 'rxjs/Subject'; +import { BehaviorSubject } from 'rxjs/BehaviorSubject'; + +@Injectable() +export class AppStateService { + samplesLanguage = new Subject(); + error = new BehaviorSubject(null); +} diff --git a/lib/services/clipboard.service.ts b/lib/services/clipboard.service.ts index da618fe3..62d77a90 100644 --- a/lib/services/clipboard.service.ts +++ b/lib/services/clipboard.service.ts @@ -1,8 +1,9 @@ 'use strict'; +var isSupported = document.queryCommandSupported && document.queryCommandSupported('copy'); export class Clipboard { static isSupported():boolean { - return document.queryCommandSupported && document.queryCommandSupported('copy'); + return isSupported; } static selectElement(element:any):void { diff --git a/lib/services/component-parser.service.ts b/lib/services/component-parser.service.ts new file mode 100644 index 00000000..2a3d1f82 --- /dev/null +++ b/lib/services/component-parser.service.ts @@ -0,0 +1,88 @@ +'use strict'; + +import { + Injectable, + Renderer, + ComponentRef, + Type, + Injector, + Inject, + ComponentFactoryResolver +} from '@angular/core'; + +type NodesOrComponents = HTMLElement | ComponentRef; +export const COMPONENT_PARSER_ALLOWED = 'COMPONENT_PARSER_ALLOWED'; + +const COMPONENT_REGEXP = '^\\s*\\s*$'; + +@Injectable() +export class ComponentParser { + private renderer: Renderer; + private allowedComponents: any; + + static contains(content: string, componentSelector: string) { + let regexp = new RegExp(COMPONENT_REGEXP.replace('{component}', `<${componentSelector}.*>`), 'mi'); + return regexp.test(content); + } + + static build(componentSelector) { + return ``; + } + + constructor( + private resolver: ComponentFactoryResolver, + @Inject(COMPONENT_PARSER_ALLOWED) allowedComponents + ) { + this.allowedComponents = allowedComponents; + } + + setRenderer(_renderer: Renderer) { + this.renderer = _renderer; + } + + splitIntoNodesOrComponents(content: string, injector: Injector):NodesOrComponents[] { + let componentDefs = []; + let match; + let anyCompRegexp = new RegExp(COMPONENT_REGEXP.replace('{component}', '(.*?)'), 'gmi'); + while (match = anyCompRegexp.exec(content)) { + componentDefs.push(match[1]); + } + + let splitCompRegexp = new RegExp(COMPONENT_REGEXP.replace('{component}', '.*?'), 'mi'); + let htmlParts = content.split(splitCompRegexp); + let res = []; + for (let i = 0; i < htmlParts.length; i++) { + let node = this.renderer.createElement(null, 'div'); + this.renderer.setElementProperty(node, 'innerHTML', htmlParts[i]); + if (htmlParts[i]) res.push(node); + if (componentDefs[i]) { + let componentRef = this.createComponentByHtml(componentDefs[i], injector); + res.push(componentRef); + } + } + return res; + } + + createComponentByHtml(htmlTag: string, injector:Injector):ComponentRef| null { + let {componentType, options} = this._parseHtml(htmlTag); + if (!componentType) return null; + + let factory = this.resolver.resolveComponentFactory(componentType); + return factory.create(injector); + } + + private _parseHtml(htmlTag: string):{componentType: Type | null, options: any} { + // TODO: for now only primitive parsing by tagname + let match = /<([\w_-]+).*?>/.exec(htmlTag); + if (match.length <= 1) return { componentType: null, options: null }; + let componentName = match[1]; + + let componentType = this.allowedComponents[componentName]; + // TODO parse options + let options = {}; + return { + componentType, + options + }; + } +} diff --git a/lib/services/content-projector.service.ts b/lib/services/content-projector.service.ts new file mode 100644 index 00000000..a5d81653 --- /dev/null +++ b/lib/services/content-projector.service.ts @@ -0,0 +1,39 @@ +'use strict'; + +import { + Injectable, + ComponentFactory, + ComponentRef, + ViewContainerRef +} from '@angular/core'; + +@Injectable() +export class ContentProjector { + instantiateAndProject(componentFactory: ComponentFactory, + parentView:ViewContainerRef, projectedNodesOrComponents: any[]):ComponentRef { + let contextInjector = parentView.parentInjector; + + let projectedNodes = []; + let componentRefs:ComponentRef[] = []; + + for (let i=0; i < projectedNodesOrComponents.length; i++) { + let nodeOrCompRef = projectedNodesOrComponents[i]; + if (nodeOrCompRef instanceof ComponentRef) { + projectedNodes.push(nodeOrCompRef.location.nativeElement); + componentRefs.push(nodeOrCompRef); + } else { + projectedNodes.push(nodeOrCompRef); + } + } + + let parentCompRef = parentView.createComponent(componentFactory, null, contextInjector, [projectedNodes]); + let appElement = (parentView)._element; + appElement.nestedViews = appElement.nestedViews || []; + for (let i=0; i < componentRefs.length; i++) { + let compRef = componentRefs[i]; + appElement.nestedViews.push((compRef.hostView).internalView); + (compRef.hostView).internalView.addToContentChildren(appElement); + } + return parentCompRef; + } +} diff --git a/lib/services/events.service.ts b/lib/services/events.service.ts deleted file mode 100644 index 0bc86e1d..00000000 --- a/lib/services/events.service.ts +++ /dev/null @@ -1,8 +0,0 @@ -'use strict'; - -import { EventEmitter, Output } from '@angular/core'; - -export class RedocEventsService { - @Output() bootstrapped = new EventEmitter(); - @Output() samplesLanguageChanged = new EventEmitter(); -} diff --git a/lib/services/hash.service.spec.ts b/lib/services/hash.service.spec.ts index 19e5b5a2..9d959eba 100644 --- a/lib/services/hash.service.spec.ts +++ b/lib/services/hash.service.spec.ts @@ -1,25 +1,22 @@ 'use strict'; +import { + inject +} from '@angular/core/testing'; -import { RedocEventsService } from './events.service'; import { Hash } from './hash.service'; +import { SpecManager } from '../utils/spec-manager'; describe('Hash Service', () => { - let events = new RedocEventsService(); + let specMgr = new SpecManager(); let hashService; - beforeEach(() => { - hashService = new Hash(events); - }); - - afterEach(() => { - hashService.unbind(); - }); + beforeEach(inject([Hash], (_hash) => hashService = _hash)); it('should trigger changed event after ReDoc bootstrapped', (done) => { - spyOn(hashService.changed, 'next').and.callThrough(); - events.bootstrapped.next({}); + spyOn(hashService.value, 'next').and.callThrough(); + specMgr.spec.next({}); setTimeout(() => { - expect(hashService.changed.next).toHaveBeenCalled(); + expect(hashService.value.next).toHaveBeenCalled(); done(); }); }); diff --git a/lib/services/hash.service.ts b/lib/services/hash.service.ts index 777bca4b..e24f0b92 100644 --- a/lib/services/hash.service.ts +++ b/lib/services/hash.service.ts @@ -1,32 +1,31 @@ 'use strict'; -import { Injectable, EventEmitter, Output } from '@angular/core'; -import { BrowserDomAdapter as DOM } from '../utils/browser-adapter'; -import { global } from '@angular/core/src/facade/lang'; +import { Injectable } from '@angular/core'; +import { PlatformLocation } from '@angular/common'; -import { RedocEventsService } from './events.service'; +import { BehaviorSubject } from 'rxjs/BehaviorSubject'; +import { SpecManager } from '../utils/spec-manager'; @Injectable() export class Hash { - @Output() changed = new EventEmitter(); - private _cancel: any; - constructor(private events:RedocEventsService) { + public value = new BehaviorSubject(''); + constructor(private specMgr: SpecManager, private location: PlatformLocation) { this.bind(); - events.bootstrapped.subscribe(() => this.changed.next(this.hash)); - } - - get hash() { - return DOM.getLocation().hash; - } - - bind() { - this._cancel = DOM.onAndCancel(global, 'hashchange', (evt) => { - this.changed.next(this.hash); - evt.preventDefault(); + this.specMgr.spec.subscribe((spec) => { + if (!spec) return; + setTimeout(() => { + this.value.next(this.hash); + }); }); } - unbind() { - this._cancel(); + get hash() { + return this.location.hash; + } + + bind() { + this.location.onHashChange(() => { + this.value.next(this.hash); + }); } } diff --git a/lib/services/index.ts b/lib/services/index.ts index a54b64e0..8a33b956 100644 --- a/lib/services/index.ts +++ b/lib/services/index.ts @@ -1,6 +1,6 @@ 'use strict'; -export * from './events.service'; +export * from './app-state.service'; export * from './options.service'; export * from './menu.service'; export * from './scroll.service'; @@ -8,3 +8,6 @@ export * from './hash.service'; export * from './schema-normalizer.service'; export * from './schema-helper.service'; export * from './warnings.service'; + +export * from './component-parser.service'; +export * from './content-projector.service'; diff --git a/lib/services/menu.service.spec.ts b/lib/services/menu.service.spec.ts index e48ce0ac..7720b317 100644 --- a/lib/services/menu.service.spec.ts +++ b/lib/services/menu.service.spec.ts @@ -9,7 +9,7 @@ import { import { MenuService } from './menu.service'; import { Hash } from './hash.service'; import { ScrollService } from './scroll.service'; -import { SpecManager } from '../utils/SpecManager';; +import { SpecManager } from '../utils/spec-manager';; describe('Menu service', () => { beforeEach(() => { @@ -36,56 +36,59 @@ describe('Menu service', () => { it('should run hashScroll when hash changed', (done) => { spyOn(menu, 'hashScroll').and.callThrough(); - hashService.changed.subscribe(() => { + hashService.value.subscribe((hash) => { + if (!hash) return; expect(menu.hashScroll).toHaveBeenCalled(); menu.hashScroll.and.callThrough(); done(); }); - hashService.changed.next(); + hashService.value.next('nonFalsy'); }); it('should scroll to method when location hash is present [jp]', (done) => { let hash = '#tag/pet/paths/~1pet~1findByStatus/get'; spyOn(menu, 'hashScroll').and.callThrough(); spyOn(window, 'scrollTo').and.stub(); - hashService.changed.subscribe(() => { + hashService.value.subscribe((hash) => { + if (!hash) return; expect(menu.hashScroll).toHaveBeenCalled(); let scrollY = (window.scrollTo).calls.argsFor(0)[1]; expect(scrollY).toBeGreaterThan(0); (window.scrollTo).and.callThrough(); done(); }); - hashService.changed.next(hash); + hashService.value.next(hash); }); it('should scroll to method when location hash is present [operation]', (done) => { let hash = '#operation/getPetById'; spyOn(menu, 'hashScroll').and.callThrough(); spyOn(window, 'scrollTo').and.stub(); - hashService.changed.subscribe(() => { + hashService.value.subscribe((hash) => { + if (!hash) return; expect(menu.hashScroll).toHaveBeenCalled(); let scrollY = (window.scrollTo).calls.argsFor(0)[1]; expect(scrollY).toBeGreaterThan(0); done(); }); - hashService.changed.next(hash); + hashService.value.next(hash); }); it('should select next/prev menu item when scrolled down/up', () => { scroll.$scrollParent = document.querySelector('#parent'); menu.activeCatIdx.should.be.equal(0); menu.activeMethodIdx.should.be.equal(-1); - let elTop = menu.getCurrentMethodEl().getBoundingClientRect().bottom; + let nextElTop = menu.getRelativeCatOrItem(1).getBoundingClientRect().top; - scroll.$scrollParent.scrollTop = elTop + 1; + scroll.$scrollParent.scrollTop = nextElTop + 1; //simulate scroll down - spyOn(scroll, 'scrollY').and.returnValue(elTop + 2); + spyOn(scroll, 'scrollY').and.returnValue(nextElTop + 10); menu.scrollUpdate(true); menu.activeCatIdx.should.be.equal(1); - scroll.scrollY.and.returnValue(elTop - 2); - scroll.$scrollParent.scrollTop = elTop - 1; + scroll.scrollY.and.returnValue(nextElTop - 2); + scroll.$scrollParent.scrollTop = nextElTop - 1; menu.scrollUpdate(false); menu.activeCatIdx.should.be.equal(0); }); @@ -95,6 +98,7 @@ describe('Menu service', () => { selector: 'test-app', template: `
+
` }) diff --git a/lib/services/menu.service.ts b/lib/services/menu.service.ts index 7da4ae3e..3ce12357 100644 --- a/lib/services/menu.service.ts +++ b/lib/services/menu.service.ts @@ -2,7 +2,7 @@ import { Injectable, EventEmitter } from '@angular/core'; import { ScrollService, INVIEW_POSITION } from './scroll.service'; import { Hash } from './hash.service'; -import { SpecManager } from '../utils/SpecManager'; +import { SpecManager } from '../utils/spec-manager'; import { SchemaHelper, MenuCategory } from './schema-helper.service'; const CHANGE = { @@ -30,7 +30,7 @@ export class MenuService { this.changeActive(CHANGE.INITIAL); - this.hash.changed.subscribe((hash) => { + this.hash.value.subscribe((hash) => { this.hashScroll(hash); }); } @@ -41,9 +41,14 @@ export class MenuService { let $activeMethodHost = this.getCurrentMethodEl(); if (!$activeMethodHost) return; var elementInViewPos = this.scrollService.getElementPos($activeMethodHost); - if(isScrolledDown && elementInViewPos === INVIEW_POSITION.BELLOW) { - stable = this.changeActive(CHANGE.NEXT); - continue; + if(isScrolledDown) { + //&& elementInViewPos === INVIEW_POSITION.BELLOW + let $nextEl = this.getRelativeCatOrItem(1); + let nextInViewPos = this.scrollService.getElementPos($nextEl, true); + if (elementInViewPos === INVIEW_POSITION.BELLOW && nextInViewPos === INVIEW_POSITION.ABOVE) { + stable = this.changeActive(CHANGE.NEXT); + continue; + } } if(!isScrolledDown && elementInViewPos === INVIEW_POSITION.ABOVE ) { stable = this.changeActive(CHANGE.BACK); @@ -53,6 +58,25 @@ export class MenuService { } } + getRelativeCatOrItem(offset: number = 0) { + let ptr, cat; + cat = this.categories[this.activeCatIdx]; + if (cat.methods.length === 0) { + ptr = null; + cat = this.categories[this.activeCatIdx + Math.sign(offset)] || cat; + } else { + let cat = this.categories[this.activeCatIdx]; + let idx = this.activeMethodIdx + offset; + if ((idx >= cat.methods.length - 1) || idx < 0) { + cat = this.categories[this.activeCatIdx + Math.sign(offset)] || cat; + idx = offset > 0 ? -1 : cat.methods.length - 1; + } + ptr = cat.methods[idx] && cat.methods[idx].pointer; + } + + return this.getMethodElByPtr(ptr, cat.id); + } + getCurrentMethodEl() { return this.getMethodElByPtr(this.activeMethodPtr, this.categories[this.activeCatIdx].id); @@ -141,11 +165,13 @@ export class MenuService { let ptr = decodeURIComponent(hash.substr(namespace.length + 1)); if (namespace === 'operation') { $el = this.getMethodElByOperId(ptr); - } else { + } else if (namespace === 'tag') { let sectionId = ptr.split('/')[0]; ptr = ptr.substr(sectionId.length) || null; sectionId = namespace + (sectionId ? '/' + sectionId : ''); $el = this.getMethodElByPtr(ptr, sectionId); + } else { + $el = this.getMethodElByPtr(null, namespace + '/' + ptr); } if ($el) this.scrollService.scrollTo($el); diff --git a/lib/services/options.service.ts b/lib/services/options.service.ts index a42d342f..66ead611 100644 --- a/lib/services/options.service.ts +++ b/lib/services/options.service.ts @@ -1,6 +1,6 @@ 'use strict'; import { Injectable } from '@angular/core'; -import { isFunction, isString } from '@angular/core/src/facade/lang'; +import { isFunction, isString } from '../utils/helpers'; import { BrowserDomAdapter as DOM } from '../utils/browser-adapter'; const defaults = { diff --git a/lib/services/schema-helper.serivce.spec.ts b/lib/services/schema-helper.serivce.spec.ts index c40d1c06..c298c288 100644 --- a/lib/services/schema-helper.serivce.spec.ts +++ b/lib/services/schema-helper.serivce.spec.ts @@ -1,6 +1,6 @@ 'use strict'; import { SchemaHelper } from './schema-helper.service'; -import { SpecManager } from '../utils/SpecManager'; +import { SpecManager } from '../utils/spec-manager'; describe('Spec Helper', () => { describe('buildMenuTree method', () => { diff --git a/lib/services/schema-helper.service.ts b/lib/services/schema-helper.service.ts index be35f3b1..d720f772 100644 --- a/lib/services/schema-helper.service.ts +++ b/lib/services/schema-helper.service.ts @@ -1,7 +1,7 @@ 'use strict'; import { JsonPointer } from '../utils/JsonPointer'; -import { SpecManager } from '../utils/SpecManager'; -import {methods as swaggerMethods, keywordTypes} from '../utils/swagger-defs'; +import { SpecManager } from '../utils/spec-manager'; +import { methods as swaggerMethods, keywordTypes } from '../utils/swagger-defs'; import { WarningsService } from './warnings.service'; import * as slugify from 'slugify'; @@ -14,6 +14,7 @@ export interface MenuMethod { active: boolean; summary: string; tag: string; + pointer: string; } export interface MenuCategory { diff --git a/lib/services/schema-normalizer.service.spec.ts b/lib/services/schema-normalizer.service.spec.ts index cab630df..e25c6bc9 100644 --- a/lib/services/schema-normalizer.service.spec.ts +++ b/lib/services/schema-normalizer.service.spec.ts @@ -1,6 +1,6 @@ 'use strict'; import { SchemaNormalizer } from './schema-normalizer.service'; -import { SpecManager } from '../utils/SpecManager';; +import { SpecManager } from '../utils/spec-manager';; describe('Spec Helper', () => { let specMgr:SpecManager = new SpecManager(); diff --git a/lib/services/schema-normalizer.service.ts b/lib/services/schema-normalizer.service.ts index 300a4e27..d4041f1d 100644 --- a/lib/services/schema-normalizer.service.ts +++ b/lib/services/schema-normalizer.service.ts @@ -1,6 +1,6 @@ 'use strict'; import { Injectable } from '@angular/core'; -import { SpecManager } from '../utils/SpecManager'; +import { SpecManager } from '../utils/spec-manager'; import { JsonPointer } from '../utils/JsonPointer'; import { defaults } from '../utils/helpers'; import { WarningsService } from './warnings.service'; diff --git a/lib/services/scroll.service.ts b/lib/services/scroll.service.ts index a87caaa8..6b20feab 100644 --- a/lib/services/scroll.service.ts +++ b/lib/services/scroll.service.ts @@ -18,7 +18,6 @@ export class ScrollService { private prevOffsetY: number; private _cancel:any; constructor(optionsService:OptionsService) { - //events.bootstrapped.subscribe(() => this.hashScroll()); this.scrollYOffset = () => optionsService.options.scrollYOffset(); this.$scrollParent = optionsService.options.$scrollParent; this.scroll = new EventEmitter(); @@ -30,12 +29,14 @@ export class ScrollService { } /* returns 1 if element if above the view, 0 if in view and -1 below the view */ - getElementPos($el) { - if (Math.floor($el.getBoundingClientRect().top) > this.scrollYOffset()) { + getElementPos($el, inverted=false) { + let scrollYOffset = this.scrollYOffset(); + let mul = inverted ? -1 : 1; + if (mul*Math.floor($el.getBoundingClientRect().top) > mul*scrollYOffset) { return INVIEW_POSITION.ABOVE; } - if ($el.getBoundingClientRect().bottom <= this.scrollYOffset()) { + if (mul*$el.getBoundingClientRect().bottom <= mul*scrollYOffset) { return INVIEW_POSITION.BELLOW; } return INVIEW_POSITION.INVIEW; diff --git a/lib/shared/components/DynamicNg2Viewer/dynamic-ng2-viewer.component.ts b/lib/shared/components/DynamicNg2Viewer/dynamic-ng2-viewer.component.ts new file mode 100644 index 00000000..56dbf968 --- /dev/null +++ b/lib/shared/components/DynamicNg2Viewer/dynamic-ng2-viewer.component.ts @@ -0,0 +1,47 @@ +'use strict'; + +import { + Component, + EventEmitter, + Output, + Input, + OnInit, + ViewContainerRef, + ComponentFactoryResolver, + Renderer +} from '@angular/core'; + +import { + ComponentParser, + ContentProjector +} from '../../../services/'; + +@Component({ + selector: 'dynamic-ng2-viewer', + template: '' +}) +export class DynamicNg2Viewer implements OnInit { + @Input() html: string; + + constructor( + private view: ViewContainerRef, + private projector: ContentProjector, + private parser: ComponentParser, + private resolver: ComponentFactoryResolver, + private renderer: Renderer) { + } + + ngOnInit() { + this.parser.setRenderer(this.renderer); + let nodesOrComponents = this.parser.splitIntoNodesOrComponents(this.html, this.view.injector); + let wrapperFactory = this.resolver.resolveComponentFactory(DynamicNg2Wrapper); + let ref = this.projector.instantiateAndProject(wrapperFactory, this.view, nodesOrComponents); + ref.changeDetectorRef.markForCheck(); + } +} + +@Component({ + selector: 'dynamic-ng2-wrapper', + template: '' +}) +export class DynamicNg2Wrapper {} diff --git a/lib/shared/components/index.ts b/lib/shared/components/index.ts index 195e796a..b273f1a5 100644 --- a/lib/shared/components/index.ts +++ b/lib/shared/components/index.ts @@ -5,9 +5,10 @@ import { Tabs, Tab } from './Tabs/tabs'; import { Zippy } from './Zippy/zippy'; import { CopyButton } from './CopyButton/copy-button.directive'; import { SelectOnClick } from './SelectOnClick/select-on-click.directive'; +import { DynamicNg2Viewer, DynamicNg2Wrapper } from './DynamicNg2Viewer/dynamic-ng2-viewer.component'; export const REDOC_COMMON_DIRECTIVES = [ - DropDown, StickySidebar, Tabs, Tab, Zippy, CopyButton, SelectOnClick + DropDown, StickySidebar, Tabs, Tab, Zippy, CopyButton, SelectOnClick, DynamicNg2Viewer, DynamicNg2Wrapper ]; -export { DropDown, StickySidebar, Tabs, Tab, Zippy, CopyButton, SelectOnClick } +export { DropDown, StickySidebar, Tabs, Tab, Zippy, CopyButton, SelectOnClick, DynamicNg2Viewer, DynamicNg2Wrapper } diff --git a/lib/utils/JsonFormatterPipe.ts b/lib/utils/JsonFormatterPipe.ts index 4c3006af..3be316e6 100644 --- a/lib/utils/JsonFormatterPipe.ts +++ b/lib/utils/JsonFormatterPipe.ts @@ -1,6 +1,5 @@ 'use strict'; import { Pipe, PipeTransform } from '@angular/core'; -//import { isBlank } from '@angular/core/src/facade/lang'; import { DomSanitizer } from '@angular/platform-browser'; function isBlank(obj) { diff --git a/lib/utils/browser-update.js b/lib/utils/browser-update.js deleted file mode 100644 index bf54a275..00000000 --- a/lib/utils/browser-update.js +++ /dev/null @@ -1,10 +0,0 @@ -/*eslint no-unused-vars: 0*/ -/*eslint strict: 0*/ -var $buoop = { vs: {i:9, f:25, o:12.1, s:7}, c:2 }; -function $buo_f(){ - var e = document.createElement('script'); - e.src = '//browser-update.org/update.min.js'; - document.body.appendChild(e); -} -try {document.addEventListener('DOMContentLoaded', $buo_f, false);} -catch(e){window['attachEvent']('onload', $buo_f);} diff --git a/lib/utils/custom-error-handler.ts b/lib/utils/custom-error-handler.ts new file mode 100644 index 00000000..b5cd6fe4 --- /dev/null +++ b/lib/utils/custom-error-handler.ts @@ -0,0 +1,13 @@ +import { ErrorHandler, Injectable } from '@angular/core'; +import { AppStateService } from '../services/app-state.service'; + +@Injectable() +export class CustomErrorHandler extends ErrorHandler { + constructor(private appState: AppStateService) { + super(true); + } + handleError(error) { + this.appState.error.next(error && error.rejection || error); + super.handleError(error); + } +} diff --git a/lib/utils/helpers.js b/lib/utils/helpers.js deleted file mode 100644 index 2651e62e..00000000 --- a/lib/utils/helpers.js +++ /dev/null @@ -1,103 +0,0 @@ -'use strict'; -var Remarkable = require('remarkable'); -var md = new Remarkable({ - html: true, - linkify: true, - breaks: false, - typographer: false, - highlight: function (str, lang) { - if (lang === 'json') - lang = 'js'; - var grammar = Prism.languages[lang]; - if (!grammar) - return str; - return Prism.highlight(str, grammar); - } -}); -function renderMd(rawText, headersHandler) { - var _origRule; - if (headersHandler) { - _origRule = { - open: md.renderer.rules.heading_open, - close: md.renderer.rules.heading_close - }; - md.renderer.rules.heading_open = function (tokens, idx) { - if (tokens[idx].hLevel !== 1) { - return _origRule.open(tokens, idx); - } - else { - return headersHandler.open(tokens, idx); - } - }; - md.renderer.rules.heading_close = function (tokens, idx) { - if (tokens[idx].hLevel !== 1) { - return _origRule.close(tokens, idx); - } - else { - return headersHandler.close(tokens, idx); - } - }; - } - var res = md.render(rawText); - if (headersHandler) { - md.renderer.rules.heading_open = _origRule.open; - md.renderer.rules.heading_close = _origRule.close; - } - return res; -} -exports.renderMd = renderMd; -function statusCodeType(statusCode) { - if (statusCode < 100 || statusCode > 599) { - throw new Error('invalid HTTP code'); - } - var res = 'success'; - if (statusCode >= 300 && statusCode < 400) { - res = 'redirect'; - } - else if (statusCode >= 400) { - res = 'error'; - } - else if (statusCode < 200) { - res = 'info'; - } - return res; -} -exports.statusCodeType = statusCodeType; -function defaults(target, src) { - var props = Object.keys(src); - var index = -1, length = props.length; - while (++index < length) { - var key = props[index]; - if (target[key] === undefined) { - target[key] = src[key]; - } - } - return target; -} -exports.defaults = defaults; -function safePush(obj, prop, val) { - if (!obj[prop]) - obj[prop] = []; - obj[prop].push(val); -} -exports.safePush = safePush; -function throttle(fn, threshhold, scope) { - threshhold = threshhold || 250; - var last, deferTimer; - return function () { - var context = scope || this; - var now = +new Date, args = arguments; - if (last && now < last + threshhold) { - clearTimeout(deferTimer); - deferTimer = setTimeout(function () { - last = now; - fn.apply(context, args); - }, threshhold); - } - else { - last = now; - fn.apply(context, args); - } - }; -} -exports.throttle = throttle; diff --git a/lib/utils/helpers.ts b/lib/utils/helpers.ts index c2d169e5..46f1ed66 100644 --- a/lib/utils/helpers.ts +++ b/lib/utils/helpers.ts @@ -1,58 +1,19 @@ 'use strict'; -import * as Remarkable from 'remarkable'; -declare var Prism: any; -const md = new Remarkable({ - html: true, - linkify: true, - breaks: false, - typographer: false, - highlight: (str, lang) => { - if (lang === 'json') lang = 'js'; - let grammar = Prism.languages[lang]; - //fallback to clike - if (!grammar) return str; - return Prism.highlight(str, grammar); - } -}); - -interface HeadersHandler { - open: Function; - close: Function; +export function stringify(obj:any) { + return JSON.stringify(obj); } -export function renderMd(rawText:string, headersHandler?:HeadersHandler) { - let _origRule; - if (headersHandler) { - _origRule = { - open: md.renderer.rules.heading_open, - close: md.renderer.rules.heading_close - }; - md.renderer.rules.heading_open = (tokens, idx) => { - if (tokens[idx].hLevel !== 1 ) { - return _origRule.open(tokens, idx); - } else { - return headersHandler.open(tokens, idx); - } - }; +export function isString(str:any) { + return typeof str === 'string'; +} - md.renderer.rules.heading_close = (tokens, idx) => { - if (tokens[idx].hLevel !== 1 ) { - return _origRule.close(tokens, idx); - } else { - return headersHandler.close(tokens, idx); - } - }; - } +export function isFunction(func: any) { + return typeof func === 'function'; +} - let res = md.render(rawText); - - if (headersHandler) { - md.renderer.rules.heading_open = _origRule.open; - md.renderer.rules.heading_close = _origRule.close; - } - - return res; +export function isBlank(obj: any): boolean { + return obj == undefined; } export function statusCodeType(statusCode) { diff --git a/lib/utils/index.ts b/lib/utils/index.ts new file mode 100644 index 00000000..cd933708 --- /dev/null +++ b/lib/utils/index.ts @@ -0,0 +1,3 @@ +export * from './custom-error-handler'; +export * from './helpers'; +export * from './md-renderer'; diff --git a/lib/utils/md-renderer.ts b/lib/utils/md-renderer.ts new file mode 100644 index 00000000..114a2d71 --- /dev/null +++ b/lib/utils/md-renderer.ts @@ -0,0 +1,90 @@ +'use strict'; + +import { Injectable } from '@angular/core'; +import * as slugify from 'slugify'; +import * as Remarkable from 'remarkable'; + +declare var Prism: any; +const md = new Remarkable({ + html: true, + linkify: true, + breaks: false, + typographer: false, + highlight: (str, lang) => { + if (lang === 'json') lang = 'js'; + let grammar = Prism.languages[lang]; + //fallback to clike + if (!grammar) return str; + return Prism.highlight(str, grammar); + } +}); + +interface HeadersHandler { + open: Function; + close: Function; +} + +@Injectable() +export class MdRenderer { + public firstLevelHeadings: string[] = []; + + private _origRules:any = {}; + private _preProcessors:Function[] = []; + + constructor(private raw: boolean = false) { + } + + addPreprocessor(p: Function) { + this._preProcessors.push(p); + } + + saveOrigRules() { + this._origRules.open = md.renderer.rules.heading_open; + this._origRules.close = md.renderer.rules.heading_close; + } + + restoreOrigRules() { + md.renderer.rules.heading_open = this._origRules.open; + md.renderer.rules.heading_close = this._origRules.close; + } + + headingOpenRule(tokens, idx) { + if (tokens[idx].hLevel !== 1 ) { + return this._origRules.open(tokens, idx); + } else { + let content = tokens[idx + 1].content; + this.firstLevelHeadings.push(content); + let contentSlug = slugify(content); + return `` + + ``; + } + } + + headingCloseRule(tokens, idx) { + if (tokens[idx].hLevel !== 1 ) { + return this._origRules.close(tokens, idx); + } else { + return `\n`; + } + } + + renderMd(rawText:string) { + if (!this.raw) { + this.saveOrigRules(); + md.renderer.rules.heading_open = this.headingOpenRule.bind(this); + md.renderer.rules.heading_close = this.headingCloseRule.bind(this); + } + let text = rawText; + + for (let i=0; i value[key]); - } -} - @Pipe({ name: 'jsonPointerEscape' }) export class JsonPointerEscapePipe implements PipeTransform { transform(value:string) { @@ -58,7 +47,10 @@ export class JsonPointerEscapePipe implements PipeTransform { @Pipe({ name: 'marked' }) export class MarkedPipe implements PipeTransform { - constructor(private sanitizer: DomSanitizer) {} + renderer: MdRenderer; + constructor(private sanitizer: DomSanitizer) { + this.renderer = new MdRenderer(true); + } transform(value:string) { if (isBlank(value)) return value; if (!isString(value)) { @@ -66,7 +58,7 @@ export class MarkedPipe implements PipeTransform { } return this.sanitizer.bypassSecurityTrustHtml( - `${renderMd(value)}` + `${this.renderer.renderMd(value)}` ); } } @@ -125,5 +117,5 @@ export class EncodeURIComponentPipe implements PipeTransform { } export const REDOC_PIPES = [ - JsonPointerEscapePipe, MarkedPipe, SafePipe, PrismPipe, EncodeURIComponentPipe, JsonFormatter + JsonPointerEscapePipe, MarkedPipe, SafePipe, PrismPipe, EncodeURIComponentPipe, JsonFormatter, KeysPipe ]; diff --git a/lib/utils/SpecManager.ts b/lib/utils/spec-manager.ts similarity index 79% rename from lib/utils/SpecManager.ts rename to lib/utils/spec-manager.ts index 11f647b5..8027f7d8 100644 --- a/lib/utils/SpecManager.ts +++ b/lib/utils/spec-manager.ts @@ -2,13 +2,16 @@ import * as JsonSchemaRefParser from 'json-schema-ref-parser'; import { JsonPointer } from './JsonPointer'; -import { renderMd, safePush } from './helpers'; -import * as slugify from 'slugify'; import { parse as urlParse, resolve as urlResolve } from 'url'; +import { BehaviorSubject } from 'rxjs/BehaviorSubject'; + +import { MdRenderer } from './md-renderer'; export class SpecManager { public _schema: any = {}; public apiUrl: string; + + public spec = new BehaviorSubject(null); private _instance: any; private _url: string; @@ -24,17 +27,19 @@ export class SpecManager { SpecManager.prototype._instance = this; } - load(url) { + load(urlOrObject: string|Object) { + this.schema = null; let promise = new Promise((resolve, reject) => { - this._schema = {}; - - JsonSchemaRefParser.bundle(url, {http: {withCredentials: false}}) + JsonSchemaRefParser.bundle(urlOrObject, {http: {withCredentials: false}}) .then(schema => { + if (typeof urlOrObject === 'string') { + this._url = urlOrObject; + } + this._schema = schema; try { - this._url = url; - this._schema = schema; this.init(); resolve(this._schema); + this.spec.next(this._schema); } catch(err) { reject(err); } @@ -70,24 +75,25 @@ export class SpecManager { } preprocess() { - this._schema.info['x-redoc-html-description'] = renderMd( this._schema.info.description, { - open: (tokens, idx) => { - let content = tokens[idx + 1].content; - safePush(this._schema.info, 'x-redoc-markdown-headers', content); - content = slugify(content); - return `` + - ``; - }, - close: (tokens, idx) => { - return ``; - } - }); + let mdRender = new MdRenderer(); + if (!this._schema.info.description) this._schema.info.description = ''; + if (this._schema.securityDefinitions) { + let SecurityDefinitions = require('../components/').SecurityDefinitions; + mdRender.addPreprocessor(SecurityDefinitions.insertTagIntoDescription); + } + this._schema.info['x-redoc-html-description'] = mdRender.renderMd(this._schema.info.description); + this._schema.info['x-redoc-markdown-headers'] = mdRender.firstLevelHeadings; } get schema() { return this._schema; } + set schema(val:any) { + this._schema = val; + this.spec.next(this._schema); + } + byPointer(pointer) { let res = null; try { @@ -148,6 +154,9 @@ export class SpecManager { description: tag.description, 'x-traitTag': tag['x-traitTag'] || false }; + if (tag['x-traitTag']) { + console.warn(`x-traitTag (${tag.name}) is deprecated since v1.5.0 and will be removed in the future`); + } } return tagsMap; diff --git a/package.json b/package.json index 851e7532..78c400c2 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "redoc", "description": "Swagger-generated API Reference Documentation", - "version": "1.4.1", + "version": "1.5.0", "repository": { "type": "git", "url": "git://github.com/Rebilly/ReDoc" @@ -45,22 +45,22 @@ "author": "Roman Hotsiy", "license": "MIT", "devDependencies": { - "@angular/common": "^2.1.0", - "@angular/compiler": "^2.1.0", - "@angular/compiler-cli": "^2.1.0", - "@angular/core": "^2.1.0", - "@angular/platform-browser": "^2.1.0", - "@angular/platform-browser-dynamic": "^2.1.0", - "@angular/platform-server": "^2.1.0", + "@angular/common": "^2.1.2", + "@angular/compiler": "^2.1.2", + "@angular/compiler-cli": "^2.1.2", + "@angular/core": "^2.1.2", + "@angular/platform-browser": "^2.1.2", + "@angular/platform-browser-dynamic": "^2.1.2", + "@angular/platform-server": "^2.1.2", "@types/core-js": "^0.9.31", "@types/jasmine": "^2.2.32", "@types/requirejs": "^2.1.26", "@types/should": "^8.1.28", - "angular2-template-loader": "^0.5.0", - "awesome-typescript-loader": "^2.2.1", + "angular2-template-loader": "^0.6.0", + "awesome-typescript-loader": "2.2.4", "branch-release": "^1.0.3", "chalk": "^1.1.3", - "codelyzer": "^1.0.0-beta.2", + "codelyzer": "^1.0.0-beta.3", "copy-webpack-plugin": "^3.0.1", "core-js": "^2.4.1", "coveralls": "^2.11.9", @@ -82,15 +82,17 @@ "karma-sinon": "^1.0.4", "karma-sourcemap-loader": "^0.3.7", "karma-webpack": "^1.8.0", - "node-sass": "^3.8.0", + "node-sass": "^3.10.1", "phantomjs-prebuilt": "^2.1.7", - "protractor": "^4.0.4", + "protractor": "^4.0.10", "raw-loader": "^0.5.1", - "rxjs": "^5.0.0-beta.12", + "rxjs": "5.0.0-beta.12", + "sass-loader": "^4.0.2", "shelljs": "^0.7.0", "should": "^11.1.0", "sinon": "^1.17.2", "source-map-loader": "^0.1.5", + "string-replace-webpack-plugin": "0.0.4", "style-loader": "^0.13.1", "ts-helpers": "^1.1.1", "tslint": "^3.15.1", @@ -113,12 +115,12 @@ "stream-http": "^2.3.1" }, "peerDependencies": { - "@angular/common": "^2.1.0", - "@angular/compiler": "^2.1.0", - "@angular/core": "^2.1.0", - "@angular/platform-browser": "^2.1.0", - "@angular/platform-browser-dynamic": "^2.1.0", - "@angular/platform-server": "^2.1.0", + "@angular/common": "^2.1.2", + "@angular/compiler": "^2.1.2", + "@angular/core": "^2.1.2", + "@angular/platform-browser": "^2.1.2", + "@angular/platform-browser-dynamic": "^2.1.2", + "@angular/platform-server": "^2.1.2", "core-js": "^2.4.1", "rxjs": "5.0.0-beta.12", "zone.js": "^0.6.25" diff --git a/tests/e2e/index.html b/tests/e2e/index.html index 2653b34f..00af0530 100644 --- a/tests/e2e/index.html +++ b/tests/e2e/index.html @@ -14,7 +14,7 @@