SpeedoPasanen

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { ScrollAreaComponent } from '../components/scroll-area/scroll-area.component';
import { FormsModule } from '@angular/forms';
import { MaterialModule, MdNativeDateModule } from '@angular/material';
import { SpinnerComponent } from '../components/spinner/spinner.component';
import { PromptComponent } from '../components/prompt/prompt.component';
import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
/*
Compiler doesn't appear to resolve these and you get "Cannot determine the module for class PromptComponent", etc. for all components.

SpeedoPasanen

import { MockAppComponent } from './mock-app.component';
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { SharedModule } from '../../shared/shared.module';
import { AuthService } from '../../models/auth/auth.service';
import { PromptService } from '../../components/prompt/prompt.service';
import { BaseModelService } from '../../models/base-model.service';
import { CookieService } from 'ng2-cookies';
import { ChartService } from '../../models/chart-data/chart.service';

SpeedoPasanen

// Use this instead of AngularfireDatabase in your ServerDatabaseService
import { Injectable, Inject, NgZone } from '@angular/core';
@Injectable()
export class FirebaseAdminService {
  constructor(
    @Inject('firebaseAdmin') private admin, // An initialized instance of firebase-admin, provided from the outside
    private zone: NgZone
  ) { }
  public snapshot(path, query): Promise<any> {
    let timeout = setTimeout(() => { // Give time for socket to return something before Universal exits.

SpeedoPasanen

// ... pass this to Express or firebase functions.https.onRequest:
function universal(req, res) {
    renderModuleFactory(AppServerModuleNgFactory, {
        document: index,
        url: req.path || '/',
        extraProviders: [
            { provide: 'firebaseAdmin', useValue: admin }
        ]
    })
        .then(function (html) {

SpeedoPasanen

'use strict';
const fs = require('fs');
const path = require('path');
const hash = fs.readdirSync(path.resolve(__dirname, './functions/dist-server'))
    .filter(file => file.startsWith('main'))
    .pop()
    .split('.')[1];
const mainBundle = path.resolve(__dirname, `./functions/dist-server/main.${hash}.bundle.js`);
fs.readFile(mainBundle, 'utf-8', (err, data) => {
    if (err) { return console.log('Error reading file:', err); }

SpeedoPasanen

import { Injectable, EventEmitter } from '@angular/core';
import { Subject } from 'rxjs/Subject';
import { Router } from '@angular/router';
@Injectable()
export class FrameService {
    constructor(private router: Router) { }
    public srcChange: Subject<string> = new Subject<string>();
    public frameClosed: EventEmitter<any> = new EventEmitter<any>();
    public set src(url: string) {
        if (!url) {

SpeedoPasanen

import { Component, OnInit, ChangeDetectionStrategy, ChangeDetectorRef, OnDestroy } from '@angular/core';
import { StateService } from '../../state/state.service';
import { ActivatedRoute, Router } from '@angular/router';
import { FrameComponent } from '../../shared/frame/frame.component';
import { Subscription } from 'rxjs/Subscription';
import { FrameService } from '../../services/frame.service';
@Component({
  selector: 'm-dash',
  template: `
    <router-outlet *ngIf="!frameSrc"></router-outlet>

SpeedoPasanen

import { Router } from '@angular/router';
import { ChangeDetectorRef, Component, ElementRef, OnDestroy, OnInit, ViewChild, Input } from '@angular/core';
import * as $ from 'jquery'; // ToDo: Get rid of jQuery to comply with Angular Universal. Or just don't server-render the frame, cause what's the point anyway.
import { Observable } from 'rxjs/Observable';
import { Subscription } from 'rxjs/Subscription';
import { StateService } from '../../state/state.service';
import * as nodeUrl from 'url';
@Component({
  selector: 'm-frame',
  template: `