@zeesoft/i18n-verify 2.0.2 → 2.1.3

package/dist/utils/reportFactory/html/index.js

@@ -4,29 +4,44 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _config = _interopRequireDefault(require("../../../lib/config.js"));
+var _reports = _interopRequireDefault(require("../../../lib/reports.js"));
 var _constants = require("../../constants.js");
 var _file = require("../../file.js");
-var _logs = _interopRequireDefault(require("../../logs.js"));
 var _base = _interopRequireDefault(require("../base.js"));
-var _css = require("./template/css.js");
-var _html = require("./template/html.js");
+var _body = _interopRequireDefault(require("./template/body.js"));
+var _css = _interopRequireDefault(require("./template/css.js"));
+var _html = _interopRequireDefault(require("./template/html.js"));
 var _index = _interopRequireDefault(require("./template/javascript/index.js"));
+var _path = require("path");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 class HtmlReport extends _base.default {
   constructor() {
     super(_constants.SUPPORTED_REPORT_TYPES.HTML);
   }
   buildContent() {
-    const metaInfo = this.getMetaInfo();
-    const script = (0, _index.default)(metaInfo);
-    const style = (0, _css.getCssData)();
-    const body = (0, _html.getBodyData)();
-    return (0, _html.renderHtml)({
+    const metaInfo = this.getMetaInfo(),
+      script = (0, _index.default)(metaInfo),
+      style = (0, _css.default)(),
+      body = (0, _body.default)(),
+      dataFilePaths = [],
+      logDataFilePath = (0, _file.joinPaths)(_reports.default.getReportPath(), 'logs', 'log');
+    let logData = '';
+    (0, _file.getDirContents)(_reports.default.getReportPath()).forEach(file => file !== metaInfo.defaultLocale && (0, _file.fileExists)((0, _file.joinPaths)(_reports.default.getReportPath(), file, _constants.CACHE_FILE_NAME)) && dataFilePaths.push((0, _file.joinPaths)(file, _constants.CACHE_FILE_NAME).replace(/\\/g, '/')));
+    if ((0, _file.fileExists)(logDataFilePath)) {
+      // handle characters escapes and redact file paths and replace productName/timestamp
+      const paths = [metaInfo.appName, ..._config.default.getL10nReportsPath().split(/[\\/]+/g)];
+      paths.push(_reports.default.getReportTimeStamp());
+      logData = (0, _file.getFileContent)(logDataFilePath).replace(new RegExp(_reports.default.getReportPath().replace(/\\/g, '\\\\'), 'g'), (0, _file.joinPaths)(...paths)).replace(/\\/g, '\\\\').replace(/`/g, '\\`');
+    }
+    return (0, _html.default)({
       appName: metaInfo.appName,
       reportTime: metaInfo.reportTime,
       body,
       script,
-      style
+      style,
+      dataFilePaths,
+      logData
     });
   }
   write(path, name, data) {

package/dist/utils/reportFactory/html/template/body.js

@@ -0,0 +1,117 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = getBodyData;
+function getBodyData() {
+  return `<header><div class="logo">zQA Report</div></header>
+    <main>
+      <div class="sidebar">
+        <ul class="menu" id="menu">
+          <li class="menu-item" data-page="overview">
+            <a href="#">Overview</a>
+          </li>
+          <li class="menu-item" data-page="log">
+            <a href="#">View Log</a>
+          </li>
+          <li class="menu-item has-submenu" data-page="insights">
+            <a href="#" data-page="insights">Insights</a>
+            <ul class="submenu"></ul>
+          </li>
+        </ul>
+        <div class="footer"></div>
+      </div>
+      <div class="content-wrapper">
+        <div id="overview" class="content">
+          <div class="overall-quality card">
+            <span class="title">Overall I18n Coverage</span>
+            <div class="section">
+              <div class="block">
+                <article>
+                  <p class="desc">
+                    zI18n-Verify report provides a comprehensive information
+                    about the I18n and L10n quailty of your application.
+                  </p>
+                  <ul class="items">
+                    <li>
+                      <h4>Reviewed:</h4>
+                      <p class="detail">
+                        Total strings which are captured and processed by
+                        zI18n-Verify.
+                      </p>
+                    </li>
+                    <li>
+                      <h4>Internationlized:</h4>
+                      <p class="detail">
+                        Different types of value like string, number, date-time
+                        which are properly Internationalized.
+                      </p>
+                    </li>
+                    <li>
+                      <h4>Not Internationalized:</h4>
+                      <p class="detail">
+                        Values which are not Internationalized. Also includes
+                        Partially Localized strings and Encoding Issues.
+                      </p>
+                    </li>
+                    <li>
+                      <h4>Skipped:</h4>
+                      <p class="detail">
+                        Values which are skipped from processing because they
+                        are listed in DNT / Ignored lists or contains Auto
+                        Ignored pattern / User input pattern.
+                      </p>
+                    </li>
+                  </ul>
+                </article>
+              </div>
+              <div class="block">
+                <div class="graph"></div>
+              </div>
+            </div>
+          </div>
+          <div class="string-quality card">
+            <span class="title">String Coverage</span>
+            <div class="graph"></div>
+          </div>
+          <div class="skipped-items card">
+            <span class="title">Skipped Items</span>
+            <div class="graph"></div>
+          </div>
+          <div class="number-quality card">
+            <span class="title">Number Coverage</span>
+            <div class="graph"></div>
+          </div>
+          <div class="datetime-quality card">
+            <span class="title">DateTime Coverage</span>
+            <div class="graph"></div>
+          </div>
+        </div>
+        <div id="log" class="content">
+          <span class="title">Runtime log</span>
+          <div class="log-content"><pre></pre></div>
+        </div>
+        <div id="insights" class="content">
+          <div class="cards">
+            <span class="title">Locale Quality</span>
+            <div class="holder"></div>
+          </div>
+        </div>
+        <div id="locale" class="content">
+          <span class="title">Locale Quality</span>
+          <div class="coverage-info">
+            <table class="row-border hover order-column stripe"></table>
+          </div>
+          <div id="imageViewer" class="image-viewer">
+            <span class="close-button" onclick="closeImageViewer()"
+              >&times;</span
+            >
+            <div class="image-container">
+              <img id="imageView" src="" alt="Image" />
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>`;
+}