test: use new ssr setup

edbzn · edbzn · commit 81b5da0ab1a4 · 2023-11-09T14:41:00.000+01:00
diff --git a/apps/ssr/src/app/app.component.ts b/apps/ssr/src/app/app.component.ts
@@ -1,16 +1,22 @@
 import { isPlatformServer } from '@angular/common';
 import { Component, Inject, NgZone, OnInit, PLATFORM_ID } from '@angular/core';
 import { rxState } from '@rx-angular/state';
+import { RxFor } from '@rx-angular/template/for';
+import { RxLet } from '@rx-angular/template/let';
+import { RxPush } from '@rx-angular/template/push';
+import { RxUnpatch } from '@rx-angular/template/unpatch';
 import { of } from 'rxjs';
 
 @Component({
   selector: 'rx-angular-root',
+  standalone: true,
   template: `
     <div id="let" *rxLet="color$; let color">{{ color }}</div>
     <div id="push">{{ color$ | push }}</div>
     <div id="unpatch" [unpatch]="['click']" (click)="onClick()"></div>
     <div class="for" *rxFor="let color of colors$">{{ color }}</div>
   `,
+  imports: [RxPush, RxLet, RxUnpatch, RxFor],
 })
 export class AppComponent implements OnInit {
   private readonly state = rxState<{ color: string; colors: string[] }>(
diff --git a/apps/ssr/src/app/app.config.server.ts b/apps/ssr/src/app/app.config.server.ts
@@ -0,0 +1,9 @@
+import { mergeApplicationConfig, ApplicationConfig } from '@angular/core';
+import { provideServerRendering } from '@angular/platform-server';
+import { appConfig } from './app.config';
+
+const serverConfig: ApplicationConfig = {
+  providers: [provideServerRendering()],
+};
+
+export const config = mergeApplicationConfig(appConfig, serverConfig);
diff --git a/apps/ssr/src/app/app.config.ts b/apps/ssr/src/app/app.config.ts
@@ -0,0 +1,7 @@
+import { ApplicationConfig } from '@angular/core';
+
+import { provideClientHydration } from '@angular/platform-browser';
+
+export const appConfig: ApplicationConfig = {
+  providers: [provideClientHydration()],
+};
diff --git a/apps/ssr/src/app/app.module.ts b/apps/ssr/src/app/app.module.ts
diff --git a/apps/ssr/src/app/app.server.module.ts b/apps/ssr/src/app/app.server.module.ts
diff --git a/apps/ssr/src/main.server.ts b/apps/ssr/src/main.server.ts
@@ -1,9 +1,7 @@
-import { enableProdMode } from '@angular/core';
+import { bootstrapApplication } from '@angular/platform-browser';
+import { AppComponent } from './app/app.component';
+import { config } from './app/app.config.server';
 
-import { environment } from './environments/environment';
+const bootstrap = () => bootstrapApplication(AppComponent, config);
 
-if (environment.production) {
-  enableProdMode();
-}
-
-export { AppServerModule } from './app/app.server.module';
+export default bootstrap;
diff --git a/apps/ssr/src/main.ts b/apps/ssr/src/main.ts
@@ -1,15 +1,7 @@
-import { enableProdMode } from '@angular/core';
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+import { bootstrapApplication } from '@angular/platform-browser';
+import { appConfig } from './app/app.config';
+import { AppComponent } from './app/app.component';
 
-import { AppModule } from './app/app.module';
-import { environment } from './environments/environment';
-
-if (environment.production) {
-  enableProdMode();
-}
-
-document.addEventListener('DOMContentLoaded', () => {
-  platformBrowserDynamic()
-  .bootstrapModule(AppModule)
-  .catch((err) => console.error(err));
-});
+bootstrapApplication(AppComponent, appConfig).catch((err) =>
+  console.error(err)
+);
