chore(zpages): simplify build commands (#68)

* chore(zpages): simplify build commands

* chore(zpages): update package-lock.json

* chore: add templates to files

Author: kjin

packages/opencensus-exporter-zpages/package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "@opencensus/exporter-zpages",
   "version": "0.0.2",
-  "description": "Package Zpages implements a collection of HTML pages that display stats and trace data",
+  "description": "A collection of HTML pages to display stats and trace data and allow library configuration control",
   "main": "build/src/index.js",
   "types": "build/src/index.d.ts",
   "repository": "census-instrumentation/opencensus-node",
@@ -11,10 +11,9 @@
     "check": "gts check",
     "compile": "tsc -p .",
     "fix": "gts fix",
-    "prepare": "npm run compile; npm run cp_templates",
-    "pretest": "npm run compile; npm run cp_templates",
-    "posttest": "npm run check",
-    "cp_templates": "cp -r ./src/zpages-frontend/templates ./build/src/zpages-frontend/"
+    "prepare": "npm run compile",
+    "pretest": "npm run compile",
+    "posttest": "npm run check"
   },
   "keywords": [
     "opencensus",
@@ -31,6 +30,7 @@
     "build/src/**/*.js",
     "build/src/**/*.d.ts",
     "doc",
+    "templates",
     "CHANGELOG.md",
     "LICENSE",
     "README.md"
@@ -39,10 +39,13 @@
     "access": "public"
   },
   "devDependencies": {
+    "@opencensus/nodejs": "^0.0.2",
+    "@types/ejs": "^2.6.0",
     "@types/express": "^4.11.1",
     "@types/extend": "^3.0.0",
     "@types/mocha": "^2.2.48",
     "@types/node": "^9.4.7",
+    "@types/pkg-dir": "^2.0.0",
     "axios": "^0.18.0",
     "gts": "^0.5.4",
     "mocha": "^5.0.4",
@@ -52,9 +55,9 @@
     "typescript": "~2.6.1"
   },
   "dependencies": {
-    "@opencensus/nodejs": "^0.0.2",
     "@opencensus/core": "^0.0.2",
     "ejs": "^2.5.8",
-    "express": "^4.16.3"
+    "express": "^4.16.3",
+    "pkg-dir": "^3.0.0"
   }
 }

packages/opencensus-exporter-zpages/package.json

@@ -16,10 +16,13 @@
 
 import {SamplerBuilder} from '@opencensus/core';
 import * as tracing from '@opencensus/nodejs';
+import * as ejs from 'ejs';
+import * as pkgDir from 'pkg-dir';
 
 import {ZpagesExporter} from '../../zpages';
 
-const ejs = require('ejs');
+// The directory to search for templates.
+const templatesDir = `${pkgDir.sync(__dirname)}/templates`;
 
 export interface TraceConfigzParams {
   change: string;
@@ -54,7 +57,7 @@ export class TraceConfigzPageHandler {
 
     /** template HTML */
     const traceConfigzFile =
-        ejs.fileLoader(__dirname + '/../templates/traceconfigz.ejs', 'utf8');
+        ejs.fileLoader(`${templatesDir}/traceconfigz.ejs`).toString();
     /** EJS render options */
     const options = {delimiter: '?'};
     /** Current sampling rate  */

packages/opencensus-exporter-zpages/src/zpages-frontend/page-handlers/traceconfigz.page-handler.ts

@@ -15,10 +15,13 @@
  */
 
 import {RootSpan, Span} from '@opencensus/core';
+import * as ejs from 'ejs';
+import * as pkgDir from 'pkg-dir';
 
 import {LatencyBucketBoundaries} from '../latency-bucket-boundaries';
 
-const ejs = require('ejs');
+// The directory to search for templates.
+const templatesDir = `${pkgDir.sync(__dirname)}/templates`;
 
 export type TracezParams = {
   tracename: string; type: string;
@@ -165,14 +168,12 @@ export class TracezPageHandler {
    * @returns Output HTML
    */
   emitHtml(params: Partial<TracezParams>, json: boolean): string {
-    const tracezFile =
-        ejs.fileLoader(__dirname + '/../templates/tracez.ejs', 'utf8');
+    const tracezFile = ejs.fileLoader(`${templatesDir}/tracez.ejs`).toString();
     const summaryFile =
-        ejs.fileLoader(__dirname + '/../templates/summary.ejs', 'utf8');
+        ejs.fileLoader(`${templatesDir}/summary.ejs`).toString();
     const spanCellFile =
-        ejs.fileLoader(__dirname + '/../templates/span-cell.ejs', 'utf8');
-    const spansFile =
-        ejs.fileLoader(__dirname + '/../templates/spans.ejs', 'utf8');
+        ejs.fileLoader(`${templatesDir}/span-cell.ejs`).toString();
+    const spansFile = ejs.fileLoader(`${templatesDir}/spans.ejs`).toString();
     /** EJS render options */
     const options = {delimiter: '?'};
     /** Latency array */