@uirouter/core
Version:
UI-Router Core: Framework agnostic, State-based routing for JavaScript Single Page Apps
79 lines • 3.74 kB
JavaScript
;
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
Object.defineProperty(exports, "__esModule", { value: true });
exports.PushStateLocationService = void 0;
var baseLocationService_1 = require("./baseLocationService");
var common_1 = require("../common");
/**
* A `LocationServices` that gets/sets the current location using the browser's `location` and `history` apis
*
* Uses `history.pushState` and `history.replaceState`
*/
var PushStateLocationService = /** @class */ (function (_super) {
__extends(PushStateLocationService, _super);
function PushStateLocationService(router) {
var _this = _super.call(this, router, true) || this;
_this._config = router.urlService.config;
common_1.root.addEventListener('popstate', _this._listener, false);
return _this;
}
/**
* Gets the base prefix without:
* - trailing slash
* - trailing filename
* - protocol and hostname
*
* If <base href='/base/'>, this returns '/base'.
* If <base href='/foo/base/'>, this returns '/foo/base'.
* If <base href='/base/index.html'>, this returns '/base'.
* If <base href='http://localhost:8080/base/index.html'>, this returns '/base'.
* If <base href='/base'>, this returns ''.
* If <base href='http://localhost:8080'>, this returns ''.
* If <base href='http://localhost:8080/'>, this returns ''.
*
* See: https://html.spec.whatwg.org/dev/semantics.html#the-base-element
*/
PushStateLocationService.prototype._getBasePrefix = function () {
return common_1.stripLastPathElement(this._config.baseHref());
};
PushStateLocationService.prototype._get = function () {
var _a = this._location, pathname = _a.pathname, hash = _a.hash, search = _a.search;
search = common_1.splitQuery(search)[1]; // strip ? if found
hash = common_1.splitHash(hash)[1]; // strip # if found
var basePrefix = this._getBasePrefix();
var exactBaseHrefMatch = pathname === this._config.baseHref();
var startsWithBase = pathname.substr(0, basePrefix.length) === basePrefix;
pathname = exactBaseHrefMatch ? '/' : startsWithBase ? pathname.substring(basePrefix.length) : pathname;
return pathname + (search ? '?' + search : '') + (hash ? '#' + hash : '');
};
PushStateLocationService.prototype._set = function (state, title, url, replace) {
var basePrefix = this._getBasePrefix();
var slash = url && url[0] !== '/' ? '/' : '';
var fullUrl = url === '' || url === '/' ? this._config.baseHref() : basePrefix + slash + url;
if (replace) {
this._history.replaceState(state, title, fullUrl);
}
else {
this._history.pushState(state, title, fullUrl);
}
};
PushStateLocationService.prototype.dispose = function (router) {
_super.prototype.dispose.call(this, router);
common_1.root.removeEventListener('popstate', this._listener);
};
return PushStateLocationService;
}(baseLocationService_1.BaseLocationServices));
exports.PushStateLocationService = PushStateLocationService;
//# sourceMappingURL=pushStateLocationService.js.map