mirror of
https://github.com/angular/angular
synced 2026-05-24 09:28:37 +00:00
02437224f5
This commit removes unnecessary transfer state escaping and updates this process to be done by the means of a `replacer` and `reviver` method as this removes the need to export the escaping and unescaping methods. The only thing that we need to escape is `<script` and `</script` which are done by the browsers, but not Node.js. PR Close #50201
58 lines
2 KiB
TypeScript
58 lines
2 KiB
TypeScript
/**
|
|
* @license
|
|
* Copyright Google LLC All Rights Reserved.
|
|
*
|
|
* Use of this source code is governed by an MIT-style license that can be
|
|
* found in the LICENSE file at https://angular.io/license
|
|
*/
|
|
|
|
import {DOCUMENT} from '@angular/common';
|
|
import {APP_ID, NgModule, Provider, TransferState} from '@angular/core';
|
|
|
|
import {BEFORE_APP_SERIALIZED} from './tokens';
|
|
|
|
export const TRANSFER_STATE_SERIALIZATION_PROVIDERS: Provider[] = [{
|
|
provide: BEFORE_APP_SERIALIZED,
|
|
useFactory: serializeTransferStateFactory,
|
|
deps: [DOCUMENT, APP_ID, TransferState],
|
|
multi: true,
|
|
}];
|
|
|
|
function serializeTransferStateFactory(doc: Document, appId: string, transferStore: TransferState) {
|
|
return () => {
|
|
// The `.toJSON` here causes the `onSerialize` callbacks to be called.
|
|
// These callbacks can be used to provide the value for a given key.
|
|
const content = transferStore.toJson();
|
|
|
|
if (transferStore.isEmpty) {
|
|
// The state is empty, nothing to transfer,
|
|
// avoid creating an extra `<script>` tag in this case.
|
|
return;
|
|
}
|
|
|
|
const script = doc.createElement('script');
|
|
script.id = appId + '-state';
|
|
script.setAttribute('type', 'application/json');
|
|
script.textContent = content;
|
|
|
|
// It is intentional that we add the script at the very bottom. Angular CLI script tags for
|
|
// bundles are always `type="module"`. These are deferred by default and cause the transfer
|
|
// transfer data to be queried only after the browser has finished parsing the DOM.
|
|
doc.body.appendChild(script);
|
|
};
|
|
}
|
|
|
|
/**
|
|
* NgModule to install on the server side while using the `TransferState` to transfer state from
|
|
* server to client.
|
|
*
|
|
* Note: this module is not needed if the `renderApplication` function is used.
|
|
* The `renderApplication` makes all providers from this module available in the application.
|
|
*
|
|
* @publicApi
|
|
* @deprecated no longer needed, you can inject the `TransferState` in an app without providing
|
|
* this module.
|
|
*/
|
|
@NgModule({})
|
|
export class ServerTransferStateModule {
|
|
}
|