♻️ add cache

Author: Hendrixer

src/cache.ts

@@ -0,0 +1,21 @@
+import * as path from 'path'
+const fs = require('fs-extra')
+
+export class UniversalCache {
+  private cacheFile: string = 'universal.cache.json'
+  private cachePath: string = path.join(process.cwd(), this.cacheFile)
+
+  public setCache(data: any): Promise<any> {
+    return fs.outputJson(this.cachePath, data)
+  }
+
+  public getCache(): Promise<any> {
+    try {
+      const cache = fs.readJsonSync(this.cachePath)
+      return Promise.resolve(cache)
+    } catch (e) {
+    return fs.outputJson(this.cachePath, {cache: true})
+    .then(() => ({cache: true}))
+    }
+  }
+}

src/file.ts

@@ -2,7 +2,6 @@ import { SiteGenConfig } from './interfaces'
 import * as path from 'path'
 const fs = require('fs-extra')
 
-
 export const createHTML = (html: string, url: string, config: SiteGenConfig) => {
   let filePath = path.join(process.cwd(), config.outputPath)
 

src/index.ts

@@ -10,6 +10,8 @@ const prettysize = require('prettysize')
 
 enableProdMode()
 
+export { UniversalCache } from './cache'
+
 export const generateSite = async (
   serverModuleOrFactory: Type<{}> | NgModuleFactory<{}>,
   document: string,
@@ -30,9 +32,13 @@ export const generateSite = async (
 
   const pages = (configOptions.routes || await configOptions.getRoutes())
   .map((route: string) => {
-    return Observable.fromPromise(renderPage(
-      serverModuleOrFactory, document, route, configOptions
-    ))
+    return Observable.of({serverModuleOrFactory, document, url: route, configOptions})
+    .mergeMap((opts: any) => Observable.fromPromise(renderPage(
+      opts.serverModuleOrFactory,
+      opts.document,
+      opts.url,
+      opts.config
+    )))
   })
 
   const bar = new progressBar('  univeral building :url [:bar] :percent :total pages', {

src/interfaces.ts

@@ -1,7 +1,16 @@
+import { Type, NgModuleFactory } from '@angular/core'
+
 export interface RouteFunc {
   (): Promise<string[]>
 }
 
+export interface RenderPageOpts {
+  serverModuleOrFactory: Type<{}> | NgModuleFactory<{}>
+  document: string
+  url: string
+  config: SiteGenConfig
+}
+
 export interface SiteGenConfig {
   /** all your route paths that are registered the NgModule that you're rendering */
   routes?: string[]

src/render.ts

@@ -1,17 +1,18 @@
 import 'core-js'
 import 'zone.js/dist/zone-node'
 import { renderModule, renderModuleFactory } from '@angular/platform-server'
-import { NgModuleFactory, enableProdMode, Type } from '@angular/core'
+import { NgModuleFactory, Type, InjectionToken } from '@angular/core'
 import { SiteGenConfig } from './interfaces'
+import { UniversalCache } from './cache'
 
-enableProdMode()
 
+export const CACHE = new InjectionToken('universal.cache')
 /**
  * A thunk that takes a render method and later calls it with module or factory and platform options
- * @param renderMethod what method to render (rednerModule | renderModuleFactory)
+ * @param renderMethod what method to render (renderModule | renderModuleFactory)
  */
 const render = (renderMethod: Function) => {
-  return function(moduleToRender, opts: {document: string, url: string}) {
+  return function(moduleToRender, opts: {document: string, url: string, extraProviders?: any[]}) {
     return renderMethod.call(renderMethod, moduleToRender, opts)
   }
 }
@@ -22,6 +23,7 @@ const render = (renderMethod: Function) => {
  * @param document the index.html string
  * @param url the url to the page
  */
+const cache = {data: []}
 export async function renderPage (
   serverModuleOrFactory: Type<{}> | NgModuleFactory<{}>,
   document: string,
@@ -40,7 +42,11 @@ export async function renderPage (
 
   const html = await renderFunc(
     serverModuleOrFactory,
-    {document, url}
+    {
+      document,
+      url,
+      extraProviders: [UniversalCache]
+    }
   )
 
   return {html, url}

webpack.config.js

@@ -12,7 +12,10 @@ module.exports = (envOptions = {}) => {
     entry: root('./src/index.ts'),
     output: {
       path: root('dist'),
-      filename: 'universal-sitegen.js'
+      filename: 'universal-sitegen.js',
+      library: 'universal-sitegen',
+      libraryTarget: 'umd',
+      umdNamedDefine: true
     },
     target: 'node',