refactor(core): add REQUEST, RESPONSE_INIT and REQUEST_CONTEXT …

…tokens

This commit introduces the `REQUEST`, `RESPONSE_INIT` and `REQUEST_CONTEXT` tokens, which will replace similar ones from https://github.com/angular/angular-cli/blob/28503186230b5e22b84499641d56c9c981fdab1d/packages/angular/ssr/tokens/src/tokens.ts, so those tokens would be imported in application code via `@angular/core` package.

adev/src/content/api-examples/router/testing/test/router_testing_harness_examples.spec.ts

@@ -15,7 +15,7 @@ import {RouterTestingHarness} from '@angular/router/testing';
 describe('navigate for test examples', () => {
   // #docregion RoutedComponent
   it('navigates to routed component', async () => {
-    @Component({standalone: true, template: 'hello {{name}}'})
+    @Component({template: 'hello {{name}}'})
     class TestCmp {
       name = 'world';
     }
@@ -32,9 +32,9 @@ describe('navigate for test examples', () => {
   // #enddocregion
 
   it('testing a guard', async () => {
-    @Component({standalone: true, template: ''})
+    @Component({template: ''})
     class AdminComponent {}
-    @Component({standalone: true, template: ''})
+    @Component({template: ''})
     class LoginComponent {}
 
     // #docregion Guard

adev/src/content/best-practices/style-guide.md

@@ -293,8 +293,8 @@ Provides a consistent way to quickly identify and reference pipes.
 
 | Symbol name                                                                                                                                                                          | File name |
 |:---                                                                                                                                                                                  |:---       |
-| <docs-code hideCopy language="typescript"> @Pipe({ standalone: true, name: 'ellipsis' }) <br>export class EllipsisPipe implements PipeTransform { } </docs-code> | ellipsis.pipe.ts  |
-| <docs-code hideCopy language="typescript"> @Pipe({ standalone: true, name: 'initCaps' }) <br>export class InitCapsPipe implements PipeTransform { } </docs-code> | init-caps.pipe.ts |
+| <docs-code hideCopy language="typescript"> @Pipe({ name: 'ellipsis' }) <br>export class EllipsisPipe implements PipeTransform { } </docs-code> | ellipsis.pipe.ts  |
+| <docs-code hideCopy language="typescript"> @Pipe({ name: 'initCaps' }) <br>export class InitCapsPipe implements PipeTransform { } </docs-code> | init-caps.pipe.ts |
 
 ### Unit test file names
 

adev/src/content/examples/accessibility/src/app/app.component.ts

@@ -2,7 +2,6 @@ import {Component} from '@angular/core';
 import {ExampleProgressbarComponent} from './progress-bar.component';
 
 @Component({
-  standalone: true,
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.css'],

adev/src/content/examples/accessibility/src/app/progress-bar.component.ts

@@ -6,7 +6,6 @@ import {Component, Input} from '@angular/core';
  * Example progressbar component.
  */
 @Component({
-  standalone: true,
   selector: 'app-example-progressbar',
   template: '<div class="bar" [style.width.%]="value"></div>',
   styleUrls: ['./progress-bar.component.css'],

adev/src/content/examples/angular-compiler-options/src/app/app.component.ts

@@ -1,7 +1,6 @@
 import {Component} from '@angular/core';
 
 @Component({
-  standalone: true,
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.css'],

adev/src/content/examples/animations/src/app/about.component.ts

@@ -1,7 +1,6 @@
 import {Component} from '@angular/core';
 
 @Component({
-  standalone: true,
   selector: 'app-about',
   templateUrl: './about.component.html',
   styleUrls: ['./about.component.css'],

adev/src/content/examples/animations/src/app/app.component.ts

@@ -16,7 +16,6 @@ import {slideInAnimation} from './animations';
 
 // #docregion decorator, toggle-app-animations, define
 @Component({
-  standalone: true,
   selector: 'app-root',
   templateUrl: 'app.component.html',
   styleUrls: ['app.component.css'],

adev/src/content/examples/animations/src/app/hero-list-auto-page.component.ts

@@ -3,7 +3,6 @@ import {HEROES} from './mock-heroes';
 import {HeroListAutoComponent} from './hero-list-auto.component';
 
 @Component({
-  standalone: true,
   selector: 'app-hero-list-auto-page',
   template: `
     <section>

adev/src/content/examples/animations/src/app/hero-list-auto.component.ts

@@ -5,7 +5,6 @@ import {Hero} from './hero';
 import {NgFor} from '@angular/common';
 
 @Component({
-  standalone: true,
   selector: 'app-hero-list-auto',
   templateUrl: 'hero-list-auto.component.html',
   styleUrls: ['./hero-list-page.component.css'],

adev/src/content/examples/animations/src/app/hero-list-enter-leave-page.component.ts

@@ -3,7 +3,6 @@ import {HEROES} from './mock-heroes';
 import {HeroListEnterLeaveComponent} from './hero-list-enter-leave.component';
 
 @Component({
-  standalone: true,
   selector: 'app-hero-list-enter-leave-page',
   template: `
     <section>

adev/src/content/examples/animations/src/app/hero-list-enter-leave.component.ts

@@ -5,7 +5,6 @@ import {Hero} from './hero';
 import {NgFor} from '@angular/common';
 
 @Component({
-  standalone: true,
   selector: 'app-hero-list-enter-leave',
   template: `
     <ul class="heroes">

adev/src/content/examples/animations/src/app/hero-list-group-page.component.ts

@@ -3,7 +3,6 @@ import {HEROES} from './mock-heroes';
 import {HeroListGroupsComponent} from './hero-list-groups.component';
 
 @Component({
-  standalone: true,
   selector: 'app-hero-list-groups-page',
   template: `
     <section>

adev/src/content/examples/animations/src/app/hero-list-groups.component.ts

@@ -5,7 +5,6 @@ import {Hero} from './hero';
 import {NgFor} from '@angular/common';
 
 @Component({
-  standalone: true,
   selector: 'app-hero-list-groups',
   template: `
     <ul class="heroes">

adev/src/content/examples/animations/src/app/hero-list-page.component.ts

@@ -9,7 +9,6 @@ import {NgFor} from '@angular/common';
 // #docregion filter-animations
 @Component({
   // #enddocregion filter-animations
-  standalone: true,
   imports: [NgFor],
   selector: 'app-hero-list-page',
   templateUrl: 'hero-list-page.component.html',

adev/src/content/examples/animations/src/app/home.component.ts

@@ -1,7 +1,6 @@
 import {Component} from '@angular/core';
 
 @Component({
-  standalone: true,
   selector: 'app-home',
   templateUrl: './home.component.html',
   styleUrls: ['./home.component.css'],

adev/src/content/examples/animations/src/app/insert-remove.component.ts

@@ -4,7 +4,6 @@ import {trigger, transition, animate, style} from '@angular/animations';
 import {NgIf} from '@angular/common';
 
 @Component({
-  standalone: true,
   selector: 'app-insert-remove',
   imports: [NgIf],
   animations: [

adev/src/content/examples/animations/src/app/open-close-page.component.ts

@@ -2,7 +2,6 @@ import {Component} from '@angular/core';
 import {OpenCloseComponent} from './open-close.component';
 
 @Component({
-  standalone: true,
   selector: 'app-open-close-page',
   template: `
     <section>

adev/src/content/examples/animations/src/app/open-close.component.1.ts

@@ -10,7 +10,6 @@ import {
 } from '@angular/animations';
 
 @Component({
-  standalone: true,
   selector: 'app-open-close',
   animations: [
     // #docregion trigger

adev/src/content/examples/animations/src/app/open-close.component.2.ts

@@ -2,7 +2,6 @@ import {Component} from '@angular/core';
 import {trigger, transition, state, animate, style} from '@angular/animations';
 
 @Component({
-  standalone: true,
   selector: 'app-open-close-boolean',
   // #docregion trigger-boolean
   animations: [

adev/src/content/examples/animations/src/app/open-close.component.3.ts

@@ -5,7 +5,6 @@ import {transition, trigger, useAnimation, AnimationEvent} from '@angular/animat
 import {transitionAnimation} from './animations';
 
 @Component({
-  standalone: true,
   selector: 'app-open-close-reusable',
   animations: [
     trigger('openClose', [

adev/src/content/examples/animations/src/app/open-close.component.4.ts

@@ -6,7 +6,6 @@ import {trigger, transition, state, animate, style} from '@angular/animations';
 // #docregion toggle-animation
 @Component({
   // #enddocregion toggle-animation
-  standalone: true,
   selector: 'app-open-close-toggle',
   templateUrl: 'open-close.component.4.html',
   styleUrls: ['open-close.component.css'],

adev/src/content/examples/animations/src/app/open-close.component.ts

@@ -4,7 +4,6 @@ import {trigger, transition, state, animate, style, AnimationEvent} from '@angul
 
 // #docregion component, events1
 @Component({
-  standalone: true,
   selector: 'app-open-close',
   // #docregion trigger-wildcard1, trigger-transition
   animations: [

adev/src/content/examples/animations/src/app/querying.component.ts

@@ -14,7 +14,6 @@ import {HEROES} from './mock-heroes';
 import {NgIf} from '@angular/common';
 
 @Component({
-  standalone: true,
   selector: 'app-querying',
   template: `
     <nav>

adev/src/content/examples/animations/src/app/status-slider-page.component.ts

@@ -2,7 +2,6 @@ import {Component} from '@angular/core';
 import {StatusSliderComponent} from './status-slider.component';
 
 @Component({
-  standalone: true,
   selector: 'app-status-slider-page',
   template: `
     <section>

adev/src/content/examples/animations/src/app/status-slider.component.ts

@@ -2,7 +2,6 @@ import {Component} from '@angular/core';
 import {trigger, transition, state, animate, style, keyframes} from '@angular/animations';
 
 @Component({
-  standalone: true,
   selector: 'app-status-slider',
   templateUrl: 'status-slider.component.html',
   styleUrls: ['status-slider.component.css'],

adev/src/content/examples/animations/src/app/toggle-animations-page.component.ts

@@ -2,7 +2,6 @@ import {Component} from '@angular/core';
 import {OpenCloseChildComponent} from './open-close.component.4';
 
 @Component({
-  standalone: true,
   selector: 'app-toggle-animations-child-page',
   template: `
     <section>

adev/src/content/examples/attribute-directives/src/app/app.component.1.ts

@@ -2,7 +2,6 @@ import {Component} from '@angular/core';
 import {HighlightDirective} from './highlight.directive';
 
 @Component({
-  standalone: true,
   selector: 'app-root',
   templateUrl: './app.component.1.html',
   imports: [HighlightDirective],

adev/src/content/examples/attribute-directives/src/app/app.component.ts

@@ -3,7 +3,6 @@ import {Component} from '@angular/core';
 import {HighlightDirective} from './highlight.directive';
 
 @Component({
-  standalone: true,
   selector: 'app-root',
   templateUrl: './app.component.html',
   imports: [HighlightDirective],

adev/src/content/examples/attribute-directives/src/app/highlight.directive.0.ts

@@ -2,7 +2,6 @@
 import {Directive} from '@angular/core';
 
 @Directive({
-  standalone: true,
   selector: '[appHighlight]',
 })
 export class HighlightDirective {}

adev/src/content/examples/attribute-directives/src/app/highlight.directive.1.ts

@@ -2,7 +2,6 @@
 import {Directive, ElementRef} from '@angular/core';
 
 @Directive({
-  standalone: true,
   selector: '[appHighlight]',
 })
 export class HighlightDirective {

adev/src/content/examples/attribute-directives/src/app/highlight.directive.2.ts

@@ -6,7 +6,6 @@ import {Input} from '@angular/core';
 // #docregion
 
 @Directive({
-  standalone: true,
   selector: '[appHighlight]',
 })
 export class HighlightDirective {

adev/src/content/examples/attribute-directives/src/app/highlight.directive.3.ts

@@ -3,7 +3,6 @@ import {Directive, ElementRef, HostListener, Input} from '@angular/core';
 // #enddocregion imports
 
 @Directive({
-  standalone: true,
   selector: '[appHighlight]',
 })
 export class HighlightDirective {

adev/src/content/examples/attribute-directives/src/app/highlight.directive.ts

@@ -1,7 +1,6 @@
 import {Directive, ElementRef, HostListener, Input} from '@angular/core';
 
 @Directive({
-  standalone: true,
   selector: '[appHighlight]',
 })
 export class HighlightDirective {

adev/src/content/examples/built-in-directives/src/app/app.component.ts

@@ -25,7 +25,6 @@ import {StoutItemComponent} from './item-switch.component';
 
 // #docregion import-ng-if, import-ng-for, import-ng-switch, import-ng-style, import-ng-class, import-forms-module
 @Component({
-  standalone: true,
   // #enddocregion import-ng-if, import-ng-for, import-ng-switch, import-ng-style, import-ng-class, import-forms-module
   selector: 'app-root',
   templateUrl: './app.component.html',

adev/src/content/examples/built-in-directives/src/app/item-detail/item-detail.component.ts

@@ -3,7 +3,6 @@ import {Component, Input} from '@angular/core';
 import {Item} from '../item';
 
 @Component({
-  standalone: true,
   selector: 'app-item-detail',
   templateUrl: './item-detail.component.html',
   styleUrls: ['./item-detail.component.css'],

adev/src/content/examples/built-in-directives/src/app/item-switch.component.ts

@@ -2,7 +2,6 @@ import {Component, Input} from '@angular/core';
 import {Item} from './item';
 
 @Component({
-  standalone: true,
   selector: 'app-stout-item',
   template: "I'm a little {{item.name}}, short and stout!",
 })
@@ -14,7 +13,6 @@ export class StoutItemComponent {
 // #enddocregion input
 
 @Component({
-  standalone: true,
   selector: 'app-best-item',
   template: 'This is the brightest {{item.name}} in town.',
 })
@@ -23,7 +21,6 @@ export class BestItemComponent {
 }
 
 @Component({
-  standalone: true,
   selector: 'app-device-item',
   template: 'Which is the slimmest {{item.name}}?',
 })
@@ -32,7 +29,6 @@ export class DeviceItemComponent {
 }
 
 @Component({
-  standalone: true,
   selector: 'app-lost-item',
   template: 'Has anyone seen my {{item.name}}?',
 })
@@ -41,7 +37,6 @@ export class LostItemComponent {
 }
 
 @Component({
-  standalone: true,
   selector: 'app-unknown-item',
   template: '{{message}}',
 })

adev/src/content/examples/dependency-injection/src/app/app.component.1.ts

@@ -4,7 +4,6 @@ import {CarComponent} from './car/car.component';
 import {HeroesComponent} from './heroes/heroes.component';
 
 @Component({
-  standalone: true,
   selector: 'app-root',
   template: `
     <h1>{{title}}</h1>

adev/src/content/examples/dependency-injection/src/app/app.component.2.ts

@@ -5,7 +5,6 @@ import {CarComponent} from './car/car.component';
 import {HeroesComponent} from './heroes/heroes.component';
 
 @Component({
-  standalone: true,
   selector: 'app-root',
   template: `
     <h1>{{title}}</h1>

adev/src/content/examples/dependency-injection/src/app/app.component.ts

@@ -11,7 +11,6 @@ import {TestComponent} from './test.component';
 import {NgIf} from '@angular/common';
 
 @Component({
-  standalone: true,
   selector: 'app-root',
   template: `
     <h1>{{title}}</h1>

adev/src/content/examples/dependency-injection/src/app/car/car.component.ts

@@ -10,7 +10,6 @@ import {testCar, simpleCar, superCar} from './car-creations';
 import {useInjector} from './car-injector';
 
 @Component({
-  standalone: true,
   selector: 'app-car',
   template: `
   <h2>Cars</h2>

adev/src/content/examples/dependency-injection/src/app/heroes/hero-list.component.1.ts

@@ -3,7 +3,6 @@ import {Component} from '@angular/core';
 import {HEROES} from './mock-heroes';
 
 @Component({
-  standalone: true,
   selector: 'app-hero-list',
   template: `
     @for (hero of heroes; track hero) {

adev/src/content/examples/dependency-injection/src/app/heroes/hero-list.component.2.ts

@@ -13,7 +13,6 @@ import { HeroService } from './hero.service';
 // #docregion
 
 @Component({
-  standalone: true,
   selector: 'app-hero-list',
   template: `
     @for (hero of heroes; track hero) {

adev/src/content/examples/dependency-injection/src/app/heroes/hero-list.component.ts

@@ -5,7 +5,6 @@ import {HeroService} from './hero.service';
 import {NgFor} from '@angular/common';
 
 @Component({
-  standalone: true,
   selector: 'app-hero-list',
   template: `
     @for (hero of heroes; track hero) {

adev/src/content/examples/dependency-injection/src/app/heroes/heroes-tsp.component.ts

@@ -8,7 +8,6 @@ import {HeroListComponent} from './hero-list.component';
  * TSP stands for Tree-Shakeable Provider.
  */
 @Component({
-  standalone: true,
   selector: 'app-heroes-tsp',
   template: `
     <h2>Heroes</h2>