fix CSS

Author: Gorniv

.gitignore

@@ -6,3 +6,4 @@ package-lock.json
 yarn.lock
 prerender.js
 prerender.js
+.DS_Store

server.ts

@@ -3,8 +3,22 @@ const fs = require('fs');
 const path = require('path');
 const template = fs.readFileSync(path.join(__dirname, '.', 'dist', 'index.html')).toString();
 const win = domino.createWindow(template);
+const files = fs.readdirSync(`${process.cwd()}/dist-server`);
+const styleFiles = files.filter(file => file.startsWith('styles'));
+const hashStyle = styleFiles[0].split('.')[1];
+const style = fs.readFileSync(path.join(__dirname, '.', 'dist-server', `styles.${hashStyle}.bundle.css`)).toString();
+
 global['window'] = win;
+Object.defineProperty(win.document.body.style, 'transform', {
+  value: () => {
+    return {
+      enumerable: true,
+      configurable: true
+    };
+  },
+});
 global['document'] = win.document;
+global['CSS'] = style;
 // global['XMLHttpRequest'] = require('xmlhttprequest').XMLHttpRequest;
 global['Prism'] = null;
 
@@ -17,7 +31,7 @@ import * as compression from 'compression';
 import * as cookieparser from 'cookie-parser';
 const { provideModuleMap } = require('@nguniversal/module-map-ngfactory-loader');
 
-const files = fs.readdirSync(`${process.cwd()}/dist-server`);
+
 const mainFiles = files.filter(file => file.startsWith('main'));
 const hash = mainFiles[0].split('.')[1];
 const { AppServerModuleNgFactory, LAZY_MODULE_MAP } = require(`./dist-server/main.${hash}.bundle`);

src/app/app.routing.ts

@@ -6,6 +6,7 @@ const routes: Routes = [
   { path: 'primeng', loadChildren: './primengPage/primengPage.module#PrimengPageModule' },
   { path: 'mock', loadChildren: './mock-server-browser/mock-server-browser.module#MockServerBrowserModule' },
   { path: 'ionic', loadChildren: './ionic-page/ionic-page.module#IonicPageModule' },
+  { path: 'back', loadChildren: './transfer-back/transfer-back.module#TransferBackModule' },
 ];
 
 export const AppRoutes = RouterModule.forRoot(routes);

src/app/home/home.component.html

@@ -1,8 +1,5 @@
 <p>
   home works!
 </p>
-result
-<br/>
-{{result | json}}
-<br/>
+
 

src/app/home/home.component.ts

@@ -8,16 +8,13 @@ import { Component, OnInit, Inject } from '@angular/core';
   styleUrls: ['./home.component.scss']
 })
 export class HomeComponent implements OnInit {
-  result: any;
 
   constructor(
     private http: TransferHttp, @Inject(AppStorage) private appStorage: Storage
   ) { }
 
   ngOnInit(): void {
-    this.http.get('https://reqres.in/api/users?delay=3').subscribe(result => {
-      this.result = result;
-    });
+
     this.appStorage.setItem('test', 'test2');
     const resultCookie = this.appStorage.getItem('test');
     const t = window;

src/app/transfer-back/transfer-back.component.html

@@ -0,0 +1,4 @@
+delay back 3 sec =
+<br/>
+{{result | json}}
+<br/>

src/app/transfer-back/transfer-back.component.scss

@@ -0,0 +1,21 @@
+import { AppStorage } from './../../forStorage/universal.inject';
+import { TransferHttp } from './../../modules/transfer-http/transfer-http';
+import { Component, OnInit, Inject } from '@angular/core';
+
+@Component({
+  selector: 'app-transfer-back',
+  templateUrl: './transfer-back.component.html',
+  styleUrls: ['./transfer-back.component.scss']
+})
+export class TransferBackComponent implements OnInit {
+  result: any;
+
+  constructor(private http: TransferHttp, @Inject(AppStorage) private appStorage: Storage) { }
+
+  ngOnInit() {
+    this.http.get('https://reqres.in/api/users?delay=3').subscribe(result => {
+      this.result = result;
+    });
+  }
+
+}

src/app/transfer-back/transfer-back.component.ts

@@ -0,0 +1,13 @@
+import { TransferBackRoutes } from './transfer-back.routing';
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { TransferBackComponent } from './transfer-back.component';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    TransferBackRoutes
+  ],
+  declarations: [TransferBackComponent]
+})
+export class TransferBackModule { }

src/app/transfer-back/transfer-back.module.ts

@@ -0,0 +1,8 @@
+import { TransferBackComponent } from './transfer-back.component';
+import { Routes, RouterModule } from '@angular/router';
+
+const routes: Routes = [
+  { path: '' , component: TransferBackComponent},
+];
+
+export const TransferBackRoutes = RouterModule.forChild(routes);