D-Net

    "@angular/compiler-cli": "2.1.0",

    "@ngtools/webpack": "^1.1.4",

    "zone.js": "~0.6.26"

    "awesome-typescript-loader": "^2.2.4",

    "string-replace-loader": "^1.0.5",

      { test: /\.ts$/, loaders: ['awesome-typescript-loader', 'angular2-template-loader'] },

      {

        // your Angular Async Route paths relative to this root directory

      }

    ),

    // To use gzip, you can run 'npm install compression-webpack-plugin --save-dev'

    // add 'var CompressionPlugin = require("compression-webpack-plugin");' on the top

    // and comment out below codes

    //

    // new CompressionPlugin({

    //   asset: "[path].gz[query]",

    //   algorithm: "gzip",

    //   test: /\.js$|\.css$|\.html$/,

    //   threshold: 10240,

    //   minRatio: 0.8

    // })

    // '@angular/common',

    // '@angular/compiler',

    // '@angular/core',

    // '@angular/forms',

    // '@angular/http',

    // '@angular/platform-browser',

    // '@angular/platform-browser-dynamic',

    // '@angular/platform-server',

    // '@angular/router',

    Buffer: false

      if(this.sub && this.sub != undefined){

        this.sub.unsubscribe();

    //PUBLICATIONS

       ["acronym"]: {name:"Acronym",operator:"ar", type:"keyword", indexField:'projectacronym'},

       ["title"]: {name:"Title",operator:"tt", type:"keyword", indexField:"projecttitle"},

       ["sc39"]: {name:"Special Clause 39",operator:"sc", type:"boolean", indexField:"projectecsc39"},

        //DATASET

        public DATASET_INDEX:string[] = ["instancetypenameid", "resultlanguageid", //"communityid",

         "relfunderid", "relfundinglevel0_id","relfundinglevel1_id","relfundinglevel2_id",

         "resultacceptanceyear","resultbestlicense","resulthostingdatasourceid","collectedfromdatasourceid"];

         public ADVANCED_SEARCH_DATASET_PARAM:string[] = ["q","title","author","publisher","type", "lang", "funder", "funderlv0",

          "funderlv1","funderlv2","community","access","hostedBy","collectedFrom"];

          public DATASET_INDEX_PARAM_MAP:{ [key:string]:string } = {["instancetypenameid"]:"type", ["resultlanguageid"]:"lang",["communityid"]:"community",

          [ "relfunderid"]:"funder",

           ["relfundinglevel0_id"]:"funderlv0",["relfundinglevel1_id"]:"funderlv1",["relfundinglevel2_id"]:"funderlv2",

           ["resultacceptanceyear"]:"year",["resultbestlicense"]:"access",["resulthostingdatasourceid"]:"hostedBy",["collectedfromdatasourceid"]:"collectedFrom"};

         public DATASET_FIELDS_MAP: { [key:string]:{ name:string, operator:string, type:string, indexField:string }} ={

         ["q"]:{name:"All fields",operator:"op", type:"keyword", indexField:null},

         ["title"]:{name:"Title",operator:"tt", type:"keyword" , indexField:"resulttitle"},

         ["author"]:{name:"Author",operator:"at", type:"keyword", indexField:"relperson"},

         ["publisher"]:{name:"Publisher",operator:"pb", type:"keyword", indexField:"resultpublisher"},

         ["funder"]:{name:"Funder",operator:"fn", type:"refine", indexField:"relfunderid"},

         ["funderlv0"]:{name:"Funding Stream",operator:"fn0", type:"refine", indexField:"relfundinglevel0_id"},

         ["funderlv1"]:{name:"Funding Substream Level 1",operator:"fn1", type:"refine", indexField:"relfundinglevel1_id"},

         ["funderlv2"]:{name:"Funding Substream Level 2",operator:"fn2", type:"refine", indexField:"relfundinglevel2_id"},

         ["type"]:{name:"Type",operator:"tp", type:"vocabulary", indexField:"instancetypenameid"},

         ["lang"]: {name:"Language",operator:"ln", type:"vocabulary", indexField:"resultlanguageid"},

         ["community"]: {name:"Community",operator:"cm", type:"refine", indexField:"communityid"},

         ["access"]: {name:"Access Mode",operator:"ac", type:"vocabulary", indexField:'resultbestlicense'},

         ["hostedBy"]: {name:"Hosted by data provider",operator:"hs", type:"refine", indexField:"resulthostingdatasourceid"},

         ["collectedFrom"]: {name:"Collected from data provider",operator:"cl", type:"refine", indexField:"collectedfromdatasourceid"}

         };

         //ORGANIZATION

         public ORGANIZATION_INDEX:string[] = ["organizationcountryid","organizationeclegalbody"];

        public ADVANCED_SEARCH_ORGANIZATION_INDEX_PARAM:string[] = ["q","contenttype","compatibility","country","type"];

           public ORGANIZATION_INDEX_PARAM_MAP:{ [key:string]:string } = {["organizationlegalname"]:"contenttype", ["organizationlegalshortname"]:"compatibility",

            ["organizationcountryid"]:"country",["organizationeclegalbody"]:"type"};

          public ORGANIZATION_FIELDS_MAP: { [key:string]:{ name:string, operator:string, type:string, indexField:string }} ={

          ["q"]:{name:"All fields",operator:"op", type:"keyword", indexField:null},

          ["contenttype"]:{name:"Legal Name",operator:"cn", type:"keyword" , indexField:"organizationlegalname"},

          ["compatibility"]:{name:"Legal Short Name",operator:"cm", type:"keyword", indexField:"organizationlegalshortname"},

          ["country"]:{name:"Country",operator:"pb", type:"keyword", indexField:"organizationcountryid"},

          ["type"]:{name:"Type",operator:"fn", type:"refine", indexField:"organizationeclegalbody"},

          };

        //PERSON

        public PERSON_INDEX:string[] = [];

        public ADVANCED_SEARCH_PERSON_INDEX_PARAM:string[] = ["q","contenttype","compatibility","country","type"];

        public PERSON_INDEX_INDEX_PARAM_MAP:{ [key:string]:string } = {["personsecondnames"]:"surname", ["personfirstname"]:"name",

                      ["personfullname"]:"fullname"};

        public PERSON_INDEX_FIELDS_MAP: { [key:string]:{ name:string, operator:string, type:string, indexField:string }} ={

                    ["q"]:{name:"All fields",operator:"op", type:"keyword", indexField:null},

                    ["surname"]:{name:"Surname",operator:"sr", type:"keyword" , indexField:"personsecondnames"},

                    ["name"]:{name:"Name",operator:"nm", type:"keyword", indexField:"personfirstname"},

                    ["fullname"]:{name:"Full name",operator:"fl", type:"keyword", indexField:"personfullname"}};

        if(refineParams!= null && refineParams != ''  ) {

    SearchPeopleService, ISVocabulariesService,

        if(refineParams!= null && refineParams != ''  ) {

        if(refineParams!= null && refineParams != ''  ) {

      private location: Location ) {

    this.searchDatasetsComponent = new SearchDatasetsComponent(this.route, this._searchDatasetsService);

    this.searchOrganizationsComponent = new SearchOrganizationsComponent(this.route, this._searchOrganizationsService);

  private subResults: any;

  private searchFields:SearchFields = new SearchFields();

  private refineFields: string[] =  this.searchFields.ORGANIZATION_INDEX;

  private indexIdsMap: { [key:string]:string } = this.searchFields.ORGANIZATION_INDEX_PARAM_MAP;

  private fieldIdsMap:  { [key:string]:{ name:string, operator:string, type:string, indexField:string }} = this.searchFields.ORGANIZATION_FIELDS_MAP;

  private urlParams : Map<string, string>;

  constructor (private route: ActivatedRoute, private _searchOrganizationsService: SearchOrganizationsService ) {

    this.searchPage.indexIdsMap = this.indexIdsMap;

    this.searchPage.fieldIdsMap = this.fieldIdsMap;

      this.keyword = (params['keyword']?params['keyword']:'');

      this.page = (params['page']=== undefined)?1:+params['page'];

      var queryParameters = this.searchPage.getQueryParametersFromUrl(params);

       this._getResults(queryParameters, true, this.page, this.size);

    if(this.sub){

      this.sub.unsubscribe();

    }

    if(this.subResults){

      this.subResults.unsubscribe();

    }

      if(!refine && !this.searchPage){

          this.searchPage = new SearchPageComponent(this._location);

      }

      this.subResults = this._searchOrganizationsService.searchOrganizations(parameters,(refine)?this.searchPage.getRefineFieldsQuery():null, page, size, this.searchPage.getFields()).subscribe(

              this.filters = data[2];

              this.searchPage.checkSelectedFilters(this.filters);

              this.searchPage.updateBaseUrlWithParameters(this.filters);

  private subResults: any;

  private refineFields: string[] =  this.searchFields.DATASET_INDEX;

  private indexIdsMap: { [key:string]:string } = this.searchFields.DATASET_INDEX_PARAM_MAP;

  private fieldIdsMap:  { [key:string]:{ name:string, operator:string, type:string, indexField:string }} = this.searchFields.DATASET_FIELDS_MAP;

  private urlParams : Map<string, string>;

  constructor (private route: ActivatedRoute, private _searchDatasetsService: SearchDatasetsService ) {

    this.searchPage.indexIdsMap = this.indexIdsMap;

    this.searchPage.fieldIdsMap = this.fieldIdsMap;

       this._getResults(queryParameters, true, this.page, this.size);

    if(this.sub){

      this.sub.unsubscribe();

    }

    if(this.subResults){

      this.subResults.unsubscribe();

    }

  if(!refine && !this.searchPage){

      this.searchPage = new SearchPageComponent(this._location);

  }

  this.subResults = this._searchDatasetsService.searchDatasets(parameters,(refine)?this.searchPage.getRefineFieldsQuery():null, page, size, this.searchPage.getFields()).subscribe(

          this.filters = data[2];

          this.searchPage.checkSelectedFilters(this.filters);

          this.searchPage.updateBaseUrlWithParameters(this.filters);

                    <div *ngIf = "fieldIdsMap[selectedField.id].type == 'boolean'" class="input-group">

                       <span class="input-group-addon">

                          <input type="radio" [(ngModel)]="selectedField.value"  [name]=selectedField.id value="true">Yes<br>

                      </span>

                      <span class="input-group-addon">

                        <input type="radio" [(ngModel)]="selectedField.value"  [name]=selectedField.id value="false">No<br>

                      </span>

                  </div>

        var type = this.fieldIdsMap[this.newFieldId].type;

        if(type == "boolean"){

          this.selectedFields.push(new AdvancedField(this.newFieldId, this.fieldIdsMap[this.newFieldId].name, type, "true", "and"));

        }else{

          this.selectedFields.push(new AdvancedField(this.newFieldId, this.fieldIdsMap[this.newFieldId].name, type, "", "and"));

        }

  private subResults: any;

  private refineFields: string[] =  this.searchFields.PUBLICATION_INDEX;

  private indexIdsMap: { [key:string]:string } = this.searchFields.PUBLICATION_INDEX_PARAM_MAP;

  private fieldIdsMap:  { [key:string]:{ name:string, operator:string, type:string, indexField:string }} = this.searchFields.PUBLICATION_FIELDS_MAP;

  private urlParams : Map<string, string>;

    this.searchPage.indexIdsMap = this.indexIdsMap;

    this.searchPage.fieldIdsMap = this.fieldIdsMap;

    var queryParameters = this.searchPage.getQueryParametersFromUrl(params);

     this._getResults(queryParameters, true, this.page, this.size);

    if(this.sub){

      this.sub.unsubscribe();

    }

    if(this.subResults){

      this.subResults.unsubscribe();

    }

  if(!refine && !this.searchPage){

      this.searchPage = new SearchPageComponent(this._location);

  }

  this.subResults = this._searchPublicationsService.searchPublications(parameters,(refine)?this.searchPage.getRefineFieldsQuery():null, page, size, this.searchPage.getFields()).subscribe(

          this.filters = data[2];

          this.searchPage.checkSelectedFilters(this.filters);

          this.searchPage.updateBaseUrlWithParameters(this.filters);

        private _searchDatasetsService: SearchDatasetsService) {

            this.searchDatasetsComponent = new SearchDatasetsComponent(this.route, this._searchDatasetsService);

                 private _searchDatasetsService: SearchDatasetsService) {

            this.searchDatasetsComponent = new SearchDatasetsComponent(this.route, this._searchDatasetsService);

      private _searchDatasetsService: SearchDatasetsService) {

    this.searchDatasetsComponent = new SearchDatasetsComponent(this.route, this._searchDatasetsService);

import { Injectable, isDevMode } from '@angular/core';

@Injectable()

export class CacheService {

  static KEY = 'CacheService';

  _cache = new Map();

  /**

   * check if there is a value in our store

   */

  has(key: string | number): boolean {

    let _key = this.normalizeKey(key);

    return this._cache.has(_key);

  }

  /**

   * store our state

   */

  set(key: string | number, value: any): void {

    let _key = this.normalizeKey(key);

    this._cache.set(_key, value);

  }

  /**

   * get our cached value

   */

  get(key: string | number): any {

    let _key = this.normalizeKey(key);

    return this._cache.get(_key);

  }

  /**

   * release memory refs

   */

  clear(): void {

    this._cache.clear();

  }

  /**

   * convert to json for the client

   */

  dehydrate(): any {

    let json = {};

    this._cache.forEach((value: any, key: string) => json[key] = value);

    return json;

  }

  /**

   * convert server json into out initial state

   */

  rehydrate(json: any): void {

    Object.keys(json).forEach((key: string) => {

      let _key = this.normalizeKey(key);

      let value = json[_key];

      this._cache.set(_key, value);

    });

  }

  /**

   * allow JSON.stringify to work

   */

  toJSON(): any {

    return this.dehydrate();

  }

  /**

   * convert numbers into strings

   */

  normalizeKey(key: string | number): string {

    if (isDevMode() && this._isInvalidValue(key)) {

      throw new Error('Please provide a valid key to save in the CacheService');

    }

    return key + '';

  }

  _isInvalidValue(key): boolean {

    return key === null ||

      key === undefined ||

      key === 0 ||

      key === '' ||

      typeof key === 'boolean' ||

      Number.isNaN(<number>key);

  }

}

import { Injectable } from '@angular/core';

import { Http } from '@angular/http';

import { Observable } from 'rxjs/Observable';

import 'rxjs/add/observable/thorw';

import 'rxjs/add/observable/of';

import 'rxjs/add/operator/do';

import 'rxjs/add/operator/share';

import { CacheService  } from './universal-cache';

export function hashCode(str) {

  let hash = 0;

  if (str.length === 0) {

    return hash;

  }

  for (let i = 0; i < str.length; i++) {

    let char = str.charCodeAt(i);

    hash = ((hash << 5) - hash) + char;

    hash = hash & hash; // Convert to 32bit integer

  }

  return hash;

}

@Injectable()

export class ApiService {

  constructor(public _http: Http) {

  }

 /**

  * whatever domain/feature method name

  */

  get(url: string, options?: any) {

    return this._http.get(url, options)

      .map(res => res.json())

      .catch(err => {

        console.log('Error: ', err);

        return Observable.throw(err);

      });

  }

}

@Injectable()

export class ModelService {

  constructor(public _api: ApiService, public _cache: Cache) {

  }

 /**

  * whatever domain/feature method name

  */

  get(url) {

    // you want to return the cache if there is a response in it. This would cache the first response so if your API isn't idempotent you probably want to remove the item from the cache after you use it. LRU of 1

    let key = url;

    if (this._cache.has(key)) {

      return Observable.of(this._cache.get(key));

    }

    // you probably shouldn't .share() and you should write the correct logic

    return this._api.get(url)

      .do(json => {

        this._cache.set(key, json);

      })

      .share();

  }

}

import { UniversalModule, isBrowser, isNode } from 'angular2-universal/browser'; // for AoT we need to manually split universal packages

import { CacheService } from './app/universal-cache';

      { provide: 'isBrowser', useValue: isBrowser },

    { provide: 'isNode', useValue: isNode },

    CacheService

// the polyfills must be one of the first things imported in node.js.

// The only modules to be imported higher - node modules with es6-promise 3.x or other Promise polyfill dependency

// (rule of thumb: do it if you have zone.js exception that it has been overwritten)

// if you are including modules that modify Promise, such as NewRelic,, you must include them before polyfills

// Fix Universal Style

import { NodeDomRootRenderer, NodeDomRenderer } from 'angular2-universal/node';

function renderComponentFix(componentProto: any) {

  return new NodeDomRenderer(this, componentProto, this._animationDriver);

}

NodeDomRootRenderer.prototype.renderComponent = renderComponentFix;

// End Fix Universal Style

app.engine('.html', createEngine({

  precompile: true,

  ngModule: MainModule,

  providers: [

    // stateless providers only since it's shared

  ]

}));

app.set('port', process.env.PORT || 3000);

## Universal "Gotchas"

 - To use `templateUrl` or `stylesUrl` you must use **`angular2-template-loader`** in your TS loaders.

    - This is already setup within this starter repo. Look at the webpack.config file [here](https://github.com/angular/universal-starter/blob/master/webpack.config.ts) for details & implementation.

 - **`window`** & **`document`** do not exist on the server - so using them, or any library that uses them (jQuery for example) will not work.

    - If you need to use them, consider limiting them to only your main.client and wrapping them situationally with the imported *isBrowser / isNode* features from Universal.  `import { isBrowser, isNode } from 'angular2-universal';

 - The application runs XHR requests on the server & once again on the Client-side (when the application bootstraps)

    - Use a [UniversalCache](https://github.com/angular/universal-starter/blob/master/src/app/universal-cache.ts) to save certain requests so they aren't re-ran again on the Client.

## Upcoming Universal features

 - SeoServices

 - Universal fixes for Angular Core 2.1.1

 - AoT funcionality is still a *work-in-progress*, but is available as of 2.1.0-rc1

## Edge case of server compatibility with Promise polyfills

If you have node modules with promise polyfill dependency on server - there is chance to get the following exception:

```

Error: Zone.js has detected that ZoneAwarePromise `(window|global).Promise` has been overwritten.

```

It occurs because [Zone.js](https://github.com/angular/zone.js/) Promise implementation is not 

detected as Promise by some polyfills (e.g. [es6-promise](https://github.com/stefanpenner/es6-promise) before 4.x).

To sort it out, you need such polyfills initialized before zone.js. Zone.js is initialized in 'angular2-universal-polyfills' 

import of [server.ts](https://github.com/angular/universal-starter/blob/master/src/server.ts#L4). So import problematic

modules before this line.