144 lines
4.7 KiB
JavaScript
144 lines
4.7 KiB
JavaScript
|
/**
|
||
|
* @license Angular v17.1.3
|
||
|
* (c) 2010-2022 Google LLC. https://angular.io/
|
||
|
* License: MIT
|
||
|
*/
|
||
|
|
||
|
import { Location } from '@angular/common';
|
||
|
import { APP_BOOTSTRAP_LISTENER } from '@angular/core';
|
||
|
import { Router } from '@angular/router';
|
||
|
import { UpgradeModule } from '@angular/upgrade/static';
|
||
|
|
||
|
/**
|
||
|
* Creates an initializer that sets up `ngRoute` integration
|
||
|
* along with setting up the Angular router.
|
||
|
*
|
||
|
* @usageNotes
|
||
|
*
|
||
|
* <code-example language="typescript">
|
||
|
* @NgModule({
|
||
|
* imports: [
|
||
|
* RouterModule.forRoot(SOME_ROUTES),
|
||
|
* UpgradeModule
|
||
|
* ],
|
||
|
* providers: [
|
||
|
* RouterUpgradeInitializer
|
||
|
* ]
|
||
|
* })
|
||
|
* export class AppModule {
|
||
|
* ngDoBootstrap() {}
|
||
|
* }
|
||
|
* </code-example>
|
||
|
*
|
||
|
* @publicApi
|
||
|
*/
|
||
|
const RouterUpgradeInitializer = {
|
||
|
provide: APP_BOOTSTRAP_LISTENER,
|
||
|
multi: true,
|
||
|
useFactory: locationSyncBootstrapListener,
|
||
|
deps: [UpgradeModule]
|
||
|
};
|
||
|
/**
|
||
|
* @internal
|
||
|
*/
|
||
|
function locationSyncBootstrapListener(ngUpgrade) {
|
||
|
return () => {
|
||
|
setUpLocationSync(ngUpgrade);
|
||
|
};
|
||
|
}
|
||
|
/**
|
||
|
* Sets up a location change listener to trigger `history.pushState`.
|
||
|
* Works around the problem that `onPopState` does not trigger `history.pushState`.
|
||
|
* Must be called *after* calling `UpgradeModule.bootstrap`.
|
||
|
*
|
||
|
* @param ngUpgrade The upgrade NgModule.
|
||
|
* @param urlType The location strategy.
|
||
|
* @see {@link HashLocationStrategy}
|
||
|
* @see {@link PathLocationStrategy}
|
||
|
*
|
||
|
* @publicApi
|
||
|
*/
|
||
|
function setUpLocationSync(ngUpgrade, urlType = 'path') {
|
||
|
if (!ngUpgrade.$injector) {
|
||
|
throw new Error(`
|
||
|
RouterUpgradeInitializer can be used only after UpgradeModule.bootstrap has been called.
|
||
|
Remove RouterUpgradeInitializer and call setUpLocationSync after UpgradeModule.bootstrap.
|
||
|
`);
|
||
|
}
|
||
|
const router = ngUpgrade.injector.get(Router);
|
||
|
const location = ngUpgrade.injector.get(Location);
|
||
|
ngUpgrade.$injector.get('$rootScope')
|
||
|
.$on('$locationChangeStart', (event, newUrl, oldUrl, newState, oldState) => {
|
||
|
// Navigations coming from Angular router have a navigationId state
|
||
|
// property. Don't trigger Angular router navigation again if it is
|
||
|
// caused by a URL change from the current Angular router
|
||
|
// navigation.
|
||
|
const currentNavigationId = router.getCurrentNavigation()?.id;
|
||
|
const newStateNavigationId = newState?.navigationId;
|
||
|
if (newStateNavigationId !== undefined &&
|
||
|
newStateNavigationId === currentNavigationId) {
|
||
|
return;
|
||
|
}
|
||
|
let url;
|
||
|
if (urlType === 'path') {
|
||
|
url = resolveUrl(newUrl);
|
||
|
}
|
||
|
else if (urlType === 'hash') {
|
||
|
// Remove the first hash from the URL
|
||
|
const hashIdx = newUrl.indexOf('#');
|
||
|
url = resolveUrl(newUrl.substring(0, hashIdx) + newUrl.substring(hashIdx + 1));
|
||
|
}
|
||
|
else {
|
||
|
throw 'Invalid URLType passed to setUpLocationSync: ' + urlType;
|
||
|
}
|
||
|
const path = location.normalize(url.pathname);
|
||
|
router.navigateByUrl(path + url.search + url.hash);
|
||
|
});
|
||
|
}
|
||
|
/**
|
||
|
* Normalizes and parses a URL.
|
||
|
*
|
||
|
* - Normalizing means that a relative URL will be resolved into an absolute URL in the context of
|
||
|
* the application document.
|
||
|
* - Parsing means that the anchor's `protocol`, `hostname`, `port`, `pathname` and related
|
||
|
* properties are all populated to reflect the normalized URL.
|
||
|
*
|
||
|
* While this approach has wide compatibility, it doesn't work as expected on IE. On IE, normalizing
|
||
|
* happens similar to other browsers, but the parsed components will not be set. (E.g. if you assign
|
||
|
* `a.href = 'foo'`, then `a.protocol`, `a.host`, etc. will not be correctly updated.)
|
||
|
* We work around that by performing the parsing in a 2nd step by taking a previously normalized URL
|
||
|
* and assigning it again. This correctly populates all properties.
|
||
|
*
|
||
|
* See
|
||
|
* https://github.com/angular/angular.js/blob/2c7400e7d07b0f6cec1817dab40b9250ce8ebce6/src/ng/urlUtils.js#L26-L33
|
||
|
* for more info.
|
||
|
*/
|
||
|
let anchor;
|
||
|
function resolveUrl(url) {
|
||
|
anchor ??= document.createElement('a');
|
||
|
anchor.setAttribute('href', url);
|
||
|
anchor.setAttribute('href', anchor.href);
|
||
|
return {
|
||
|
// IE does not start `pathname` with `/` like other browsers.
|
||
|
pathname: `/${anchor.pathname.replace(/^\//, '')}`,
|
||
|
search: anchor.search,
|
||
|
hash: anchor.hash
|
||
|
};
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* @module
|
||
|
* @description
|
||
|
* Entry point for all public APIs of this package.
|
||
|
*/
|
||
|
// This file only reexports content of the `src` folder. Keep it that way.
|
||
|
|
||
|
// This file is not used to build this module. It is only used during editing
|
||
|
|
||
|
/**
|
||
|
* Generated bundle index. Do not edit.
|
||
|
*/
|
||
|
|
||
|
export { RouterUpgradeInitializer, locationSyncBootstrapListener, setUpLocationSync };
|
||
|
//# sourceMappingURL=upgrade.mjs.map
|