123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532 |
- import * as i0 from '@angular/core';
- import { EventEmitter, Injectable, InjectionToken, Inject, Optional } from '@angular/core';
- import { LocationStrategy, Location } from '@angular/common';
- import { Subject } from 'rxjs';
- function joinWithSlash(start, end) {
- if (start.length == 0) {
- return end;
- }
- if (end.length == 0) {
- return start;
- }
- let slashes = 0;
- if (start.endsWith('/')) {
- slashes++;
- }
- if (end.startsWith('/')) {
- slashes++;
- }
- if (slashes == 2) {
- return start + end.substring(1);
- }
- if (slashes == 1) {
- return start + end;
- }
- return start + '/' + end;
- }
- function stripTrailingSlash(url) {
- const match = url.match(/#|\?|$/);
- const pathEndIdx = match && match.index || url.length;
- const droppedSlashIdx = pathEndIdx - (url[pathEndIdx - 1] === '/' ? 1 : 0);
- return url.slice(0, droppedSlashIdx) + url.slice(pathEndIdx);
- }
- function normalizeQueryParams(params) {
- return params && params[0] !== '?' ? '?' + params : params;
- }
- class SpyLocation {
- constructor() {
- this.urlChanges = [];
- this._history = [new LocationState('', '', null)];
- this._historyIndex = 0;
-
- this._subject = new EventEmitter();
-
- this._basePath = '';
-
- this._locationStrategy = null;
-
- this._urlChangeListeners = [];
-
- this._urlChangeSubscription = null;
- }
-
- ngOnDestroy() {
- this._urlChangeSubscription?.unsubscribe();
- this._urlChangeListeners = [];
- }
- setInitialPath(url) {
- this._history[this._historyIndex].path = url;
- }
- setBaseHref(url) {
- this._basePath = url;
- }
- path() {
- return this._history[this._historyIndex].path;
- }
- getState() {
- return this._history[this._historyIndex].state;
- }
- isCurrentPathEqualTo(path, query = '') {
- const givenPath = path.endsWith('/') ? path.substring(0, path.length - 1) : path;
- const currPath = this.path().endsWith('/') ? this.path().substring(0, this.path().length - 1) : this.path();
- return currPath == givenPath + (query.length > 0 ? ('?' + query) : '');
- }
- simulateUrlPop(pathname) {
- this._subject.emit({ 'url': pathname, 'pop': true, 'type': 'popstate' });
- }
- simulateHashChange(pathname) {
- const path = this.prepareExternalUrl(pathname);
- this.pushHistory(path, '', null);
- this.urlChanges.push('hash: ' + pathname);
-
-
- this._subject.emit({ 'url': pathname, 'pop': true, 'type': 'popstate' });
- this._subject.emit({ 'url': pathname, 'pop': true, 'type': 'hashchange' });
- }
- prepareExternalUrl(url) {
- if (url.length > 0 && !url.startsWith('/')) {
- url = '/' + url;
- }
- return this._basePath + url;
- }
- go(path, query = '', state = null) {
- path = this.prepareExternalUrl(path);
- this.pushHistory(path, query, state);
- const locationState = this._history[this._historyIndex - 1];
- if (locationState.path == path && locationState.query == query) {
- return;
- }
- const url = path + (query.length > 0 ? ('?' + query) : '');
- this.urlChanges.push(url);
- this._notifyUrlChangeListeners(path + normalizeQueryParams(query), state);
- }
- replaceState(path, query = '', state = null) {
- path = this.prepareExternalUrl(path);
- const history = this._history[this._historyIndex];
- history.state = state;
- if (history.path == path && history.query == query) {
- return;
- }
- history.path = path;
- history.query = query;
- const url = path + (query.length > 0 ? ('?' + query) : '');
- this.urlChanges.push('replace: ' + url);
- this._notifyUrlChangeListeners(path + normalizeQueryParams(query), state);
- }
- forward() {
- if (this._historyIndex < (this._history.length - 1)) {
- this._historyIndex++;
- this._subject.emit({ 'url': this.path(), 'state': this.getState(), 'pop': true, 'type': 'popstate' });
- }
- }
- back() {
- if (this._historyIndex > 0) {
- this._historyIndex--;
- this._subject.emit({ 'url': this.path(), 'state': this.getState(), 'pop': true, 'type': 'popstate' });
- }
- }
- historyGo(relativePosition = 0) {
- const nextPageIndex = this._historyIndex + relativePosition;
- if (nextPageIndex >= 0 && nextPageIndex < this._history.length) {
- this._historyIndex = nextPageIndex;
- this._subject.emit({ 'url': this.path(), 'state': this.getState(), 'pop': true, 'type': 'popstate' });
- }
- }
- onUrlChange(fn) {
- this._urlChangeListeners.push(fn);
- if (!this._urlChangeSubscription) {
- this._urlChangeSubscription = this.subscribe(v => {
- this._notifyUrlChangeListeners(v.url, v.state);
- });
- }
- return () => {
- const fnIndex = this._urlChangeListeners.indexOf(fn);
- this._urlChangeListeners.splice(fnIndex, 1);
- if (this._urlChangeListeners.length === 0) {
- this._urlChangeSubscription?.unsubscribe();
- this._urlChangeSubscription = null;
- }
- };
- }
-
- _notifyUrlChangeListeners(url = '', state) {
- this._urlChangeListeners.forEach(fn => fn(url, state));
- }
- subscribe(onNext, onThrow, onReturn) {
- return this._subject.subscribe({ next: onNext, error: onThrow, complete: onReturn });
- }
- normalize(url) {
- return null;
- }
- pushHistory(path, query, state) {
- if (this._historyIndex > 0) {
- this._history.splice(this._historyIndex + 1);
- }
- this._history.push(new LocationState(path, query, state));
- this._historyIndex = this._history.length - 1;
- }
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: SpyLocation, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: SpyLocation }); }
- }
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: SpyLocation, decorators: [{
- type: Injectable
- }] });
- class LocationState {
- constructor(path, query, state) {
- this.path = path;
- this.query = query;
- this.state = state;
- }
- }
- class MockLocationStrategy extends LocationStrategy {
- constructor() {
- super();
- this.internalBaseHref = '/';
- this.internalPath = '/';
- this.internalTitle = '';
- this.urlChanges = [];
-
- this._subject = new EventEmitter();
- this.stateChanges = [];
- }
- simulatePopState(url) {
- this.internalPath = url;
- this._subject.emit(new _MockPopStateEvent(this.path()));
- }
- path(includeHash = false) {
- return this.internalPath;
- }
- prepareExternalUrl(internal) {
- if (internal.startsWith('/') && this.internalBaseHref.endsWith('/')) {
- return this.internalBaseHref + internal.substring(1);
- }
- return this.internalBaseHref + internal;
- }
- pushState(ctx, title, path, query) {
-
- this.stateChanges.push(ctx);
- this.internalTitle = title;
- const url = path + (query.length > 0 ? ('?' + query) : '');
- this.internalPath = url;
- const externalUrl = this.prepareExternalUrl(url);
- this.urlChanges.push(externalUrl);
- }
- replaceState(ctx, title, path, query) {
-
- this.stateChanges[(this.stateChanges.length || 1) - 1] = ctx;
- this.internalTitle = title;
- const url = path + (query.length > 0 ? ('?' + query) : '');
- this.internalPath = url;
- const externalUrl = this.prepareExternalUrl(url);
- this.urlChanges.push('replace: ' + externalUrl);
- }
- onPopState(fn) {
- this._subject.subscribe({ next: fn });
- }
- getBaseHref() {
- return this.internalBaseHref;
- }
- back() {
- if (this.urlChanges.length > 0) {
- this.urlChanges.pop();
- this.stateChanges.pop();
- const nextUrl = this.urlChanges.length > 0 ? this.urlChanges[this.urlChanges.length - 1] : '';
- this.simulatePopState(nextUrl);
- }
- }
- forward() {
- throw 'not implemented';
- }
- getState() {
- return this.stateChanges[(this.stateChanges.length || 1) - 1];
- }
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MockLocationStrategy, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MockLocationStrategy }); }
- }
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MockLocationStrategy, decorators: [{
- type: Injectable
- }], ctorParameters: function () { return []; } });
- class _MockPopStateEvent {
- constructor(newUrl) {
- this.newUrl = newUrl;
- this.pop = true;
- this.type = 'popstate';
- }
- }
- const urlParse = /^(([^:\/?#]+):)?(\/\/([^\/?#]*))?([^?#]*)(\?([^#]*))?(#(.*))?/;
- function parseUrl(urlStr, baseHref) {
- const verifyProtocol = /^((http[s]?|ftp):\/\/)/;
- let serverBase;
-
-
- if (!verifyProtocol.test(urlStr)) {
- serverBase = 'http://empty.com/';
- }
- let parsedUrl;
- try {
- parsedUrl = new URL(urlStr, serverBase);
- }
- catch (e) {
- const result = urlParse.exec(serverBase || '' + urlStr);
- if (!result) {
- throw new Error(`Invalid URL: ${urlStr} with base: ${baseHref}`);
- }
- const hostSplit = result[4].split(':');
- parsedUrl = {
- protocol: result[1],
- hostname: hostSplit[0],
- port: hostSplit[1] || '',
- pathname: result[5],
- search: result[6],
- hash: result[8],
- };
- }
- if (parsedUrl.pathname && parsedUrl.pathname.indexOf(baseHref) === 0) {
- parsedUrl.pathname = parsedUrl.pathname.substring(baseHref.length);
- }
- return {
- hostname: !serverBase && parsedUrl.hostname || '',
- protocol: !serverBase && parsedUrl.protocol || '',
- port: !serverBase && parsedUrl.port || '',
- pathname: parsedUrl.pathname || '/',
- search: parsedUrl.search || '',
- hash: parsedUrl.hash || '',
- };
- }
- const MOCK_PLATFORM_LOCATION_CONFIG = new InjectionToken('MOCK_PLATFORM_LOCATION_CONFIG');
- class MockPlatformLocation {
- constructor(config) {
- this.baseHref = '';
- this.hashUpdate = new Subject();
- this.popStateSubject = new Subject();
- this.urlChangeIndex = 0;
- this.urlChanges = [{ hostname: '', protocol: '', port: '', pathname: '/', search: '', hash: '', state: null }];
- if (config) {
- this.baseHref = config.appBaseHref || '';
- const parsedChanges = this.parseChanges(null, config.startUrl || 'http://_empty_/', this.baseHref);
- this.urlChanges[0] = { ...parsedChanges };
- }
- }
- get hostname() {
- return this.urlChanges[this.urlChangeIndex].hostname;
- }
- get protocol() {
- return this.urlChanges[this.urlChangeIndex].protocol;
- }
- get port() {
- return this.urlChanges[this.urlChangeIndex].port;
- }
- get pathname() {
- return this.urlChanges[this.urlChangeIndex].pathname;
- }
- get search() {
- return this.urlChanges[this.urlChangeIndex].search;
- }
- get hash() {
- return this.urlChanges[this.urlChangeIndex].hash;
- }
- get state() {
- return this.urlChanges[this.urlChangeIndex].state;
- }
- getBaseHrefFromDOM() {
- return this.baseHref;
- }
- onPopState(fn) {
- const subscription = this.popStateSubject.subscribe(fn);
- return () => subscription.unsubscribe();
- }
- onHashChange(fn) {
- const subscription = this.hashUpdate.subscribe(fn);
- return () => subscription.unsubscribe();
- }
- get href() {
- let url = `${this.protocol}
- url += `${this.pathname === '/' ? '' : this.pathname}${this.search}${this.hash}`;
- return url;
- }
- get url() {
- return `${this.pathname}${this.search}${this.hash}`;
- }
- parseChanges(state, url, baseHref = '') {
-
- state = JSON.parse(JSON.stringify(state));
- return { ...parseUrl(url, baseHref), state };
- }
- replaceState(state, title, newUrl) {
- const { pathname, search, state: parsedState, hash } = this.parseChanges(state, newUrl);
- this.urlChanges[this.urlChangeIndex] =
- { ...this.urlChanges[this.urlChangeIndex], pathname, search, hash, state: parsedState };
- }
- pushState(state, title, newUrl) {
- const { pathname, search, state: parsedState, hash } = this.parseChanges(state, newUrl);
- if (this.urlChangeIndex > 0) {
- this.urlChanges.splice(this.urlChangeIndex + 1);
- }
- this.urlChanges.push({ ...this.urlChanges[this.urlChangeIndex], pathname, search, hash, state: parsedState });
- this.urlChangeIndex = this.urlChanges.length - 1;
- }
- forward() {
- const oldUrl = this.url;
- const oldHash = this.hash;
- if (this.urlChangeIndex < this.urlChanges.length) {
- this.urlChangeIndex++;
- }
- this.emitEvents(oldHash, oldUrl);
- }
- back() {
- const oldUrl = this.url;
- const oldHash = this.hash;
- if (this.urlChangeIndex > 0) {
- this.urlChangeIndex--;
- }
- this.emitEvents(oldHash, oldUrl);
- }
- historyGo(relativePosition = 0) {
- const oldUrl = this.url;
- const oldHash = this.hash;
- const nextPageIndex = this.urlChangeIndex + relativePosition;
- if (nextPageIndex >= 0 && nextPageIndex < this.urlChanges.length) {
- this.urlChangeIndex = nextPageIndex;
- }
- this.emitEvents(oldHash, oldUrl);
- }
- getState() {
- return this.state;
- }
-
- emitEvents(oldHash, oldUrl) {
- this.popStateSubject.next({ type: 'popstate', state: this.getState(), oldUrl, newUrl: this.url });
- if (oldHash !== this.hash) {
- this.hashUpdate.next({ type: 'hashchange', state: null, oldUrl, newUrl: this.url });
- }
- }
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MockPlatformLocation, deps: [{ token: MOCK_PLATFORM_LOCATION_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MockPlatformLocation }); }
- }
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MockPlatformLocation, decorators: [{
- type: Injectable
- }], ctorParameters: function () { return [{ type: undefined, decorators: [{
- type: Inject,
- args: [MOCK_PLATFORM_LOCATION_CONFIG]
- }, {
- type: Optional
- }] }]; } });
- function provideLocationMocks() {
- return [
- { provide: Location, useClass: SpyLocation },
- { provide: LocationStrategy, useClass: MockLocationStrategy },
- ];
- }
- export { MOCK_PLATFORM_LOCATION_CONFIG, MockLocationStrategy, MockPlatformLocation, SpyLocation, provideLocationMocks };
|