@zeesoft/i18n-verify 2.1.4 → 2.1.6

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

@@ -1,51 +0,0 @@
-"use strict";
-
-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 _base = _interopRequireDefault(require("../base.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(),
-      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,
-      dataFilePaths,
-      logData
-    });
-  }
-  write(path, name, data) {
-    (0, _file.saveToFile)((0, _file.joinPaths)(path, `${name}.html`), data, 'utf-8');
-  }
-}
-exports.default = HtmlReport;

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

@@ -1,117 +0,0 @@
-"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>`;
-}

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

@@ -1,476 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = getCssData;
-function getCssData() {
-  return `* {
-        user-select: none;
-      }
-
-      body {
-        margin: 0;
-        display: flex;
-        flex-direction: column;
-        font-family: Arial, sans-serif;
-        font-family: 'Helvetica Neue', Arial, sans-serif;
-        -webkit-font-smoothing: antialiased; /* Webkit-based browsers */
-        -moz-osx-font-smoothing: grayscale; /* Firefox on OS X */
-        font-smooth: always; /* Non-standard, some browsers */
-      }
-
-      header {
-        background-color: #333;
-        height: 5rem;
-      }
-
-      main {
-        display: flex;
-        direction: column;
-        width: 100%;
-        height: calc(100vh - 5rem);
-      }
-
-      .sidebar {
-        width: 16rem;
-        height: 100%;
-        background-color: #333;
-        color: #fff;
-        padding: 20px;
-        box-sizing: border-box;
-        float: left;
-      }
-
-      .logo {
-        font-size: 2rem;
-        letter-spacing: 0.1rem;
-        color: #14cf96;
-        font-weight: bold;
-        padding-top: 1.8rem;
-        padding-left: 2rem;
-      }
-
-      .menu {
-        list-style-type: none;
-        padding: 0;
-        margin: 0;
-      }
-
-      .menu-item {
-        margin-bottom: 10px;
-      }
-
-      .menu-item a {
-        color: #fff;
-        text-decoration: none;
-        display: block;
-        padding: 10px;
-        border-radius: 5px;
-        font-size: 1.05rem;
-      }
-
-      .menu-item a:hover {
-        background-color: #555;
-      }
-
-      .submenu {
-        display: none;
-        list-style-type: none;
-        padding-left: 20px;
-      }
-
-      .menu-item.has-submenu > a::after {
-        content: '⯆';
-        float: right;
-        margin-left: 5px;
-      }
-
-      .menu-item.has-submenu.selected > a::after {
-        content: '⯅';
-        float: right;
-        margin-left: 5px;
-      }
-
-      .menu-item.selected > a {
-        background-color: #555;
-      }
-
-      .submenu .sub-menu-item {
-        margin: 3px auto;
-      }
-
-      .submenu .sub-menu-item a:hover {
-        background-color: #777;
-      }
-
-      .submenu .sub-menu-item.selected a {
-        background-color: #555 !important;
-      }
-
-      .submenu.active {
-        display: block !important;
-      }
-
-      .view-screenshot-image {
-        width: 100px;
-        height: 30px;
-        content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBVcGxvYWRlZCB0bzogU1ZHIFJlcG8sIHd3dy5zdmdyZXBvLmNvbSwgR2VuZXJhdG9yOiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4NCjxzdmcgZmlsbD0iIzAwMDAwMCIgaGVpZ2h0PSI4MDBweCIgd2lkdGg9IjgwMHB4IiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIA0KCSB2aWV3Qm94PSIwIDAgNDkwIDQ5MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBkPSJNMjQ1LjIwNCwxMDEuMjY3QzY3LjE3MSwxMDEuMjY3LDAsMjQ1LDAsMjQ1czY2Ljc2MywxNDMuNzMzLDI0NC43OTYsMTQzLjczM0M0MjIuODI5LDM4OC43MzMsNDkwLDI0NSw0OTAsMjQ1DQoJCVM0MjMuMjM4LDEwMS4yNjcsMjQ1LjIwNCwxMDEuMjY3eiBNMjQ0Ljc5NiwzNzMuNDIxYy0xNDYuMzkzLDAtMjEyLjM2Ny0xMDEuMDUzLTIyNy41MDYtMTI4LjMzMw0KCQljMTUuMjQ5LTI2Ljc5Niw4Mi43MzMtMTI4LjUwOCwyMjcuOTE0LTEyOC41MDhjMTQ2LjUxNCwwLDIxMi40NzUsMTAxLjIyLDIyNy41NDMsMTI4LjQNCgkJQzQ1Ny41NzgsMjcyLjIwMywzOTEuMzEzLDM3My40MjEsMjQ0Ljc5NiwzNzMuNDIxeiIvPg0KCTxwYXRoIGQ9Ik0yNDUuMDAzLDE0Ni4xMjRjLTU0LjUyMSwwLTk4Ljg4MSw0NC4zNTItOTguODgxLDk4Ljg3M2MwLDU0LjUyMSw0NC4zNiw5OC44ODEsOTguODgxLDk4Ljg4MXM5OC44NzMtNDQuMzYsOTguODczLTk4Ljg4MQ0KCQlDMzQzLjg3NiwxOTAuNDc3LDI5OS41MjQsMTQ2LjEyNCwyNDUuMDAzLDE0Ni4xMjR6IE0yNDUuMDAzLDMyOC41NjZjLTQ2LjA4LDAtODMuNTY4LTM3LjQ4OS04My41NjgtODMuNTY4DQoJCWMwLTQ2LjA3MiwzNy40ODktODMuNTYxLDgzLjU2OC04My41NjFjNDYuMDcyLDAsODMuNTYxLDM3LjQ4OSw4My41NjEsODMuNTYxQzMyOC41NjQsMjkxLjA3NywyOTEuMDc1LDMyOC41NjYsMjQ1LjAwMywzMjguNTY2eiIvPg0KCTxwYXRoIGQ9Ik0yNDUuMDAzLDE3NS41ODNjLTM4LjI4MSwwLTY5LjQyMiwzMS4xNDEtNjkuNDIyLDY5LjQxNWMwLDM4LjI3NCwzMS4xNDEsNjkuNDE1LDY5LjQyMiw2OS40MTUNCgkJYzM4LjI3NCwwLDY5LjQxNS0zMS4xNDEsNjkuNDE1LTY5LjQxNUMzMTQuNDE3LDIwNi43MjQsMjgzLjI3NywxNzUuNTgzLDI0NS4wMDMsMTc1LjU4M3ogTTI0NS4wMDMsMjk5LjENCgkJYy0yOS44MzMsMC01NC4xMS0yNC4yNy01NC4xMS01NC4xMDJjMC0yOS44MzIsMjQuMjc3LTU0LjEwMiw1NC4xMS01NC4xMDJzNTQuMTAyLDI0LjI3LDU0LjEwMiw1NC4xMDINCgkJQzI5OS4xMDUsMjc0LjgzLDI3NC44MzUsMjk5LjEsMjQ1LjAwMywyOTkuMXoiLz4NCgk8cGF0aCBkPSJNMjQ1LjAwMywyMDYuNjc5Yy0yMS4xMywwLTM4LjMyNiwxNy4xODktMzguMzI2LDM4LjMxOWMwLDIxLjEyOSwxNy4xOTcsMzguMzI2LDM4LjMyNiwzOC4zMjZzMzguMzE5LTE3LjE5NywzOC4zMTktMzguMzI2DQoJCUMyODMuMzIxLDIyMy44NjgsMjY2LjEzMiwyMDYuNjc5LDI0NS4wMDMsMjA2LjY3OXogTTI0NS4wMDMsMjY4LjAxMWMtMTIuNjg4LDAtMjMuMDE0LTEwLjMyNi0yMy4wMTQtMjMuMDE0DQoJCWMwLTEyLjY4OCwxMC4zMjUtMjMuMDA2LDIzLjAxNC0yMy4wMDZjMTIuNjg4LDAsMjMuMDA2LDEwLjMxOCwyMy4wMDYsMjMuMDA2QzI2OC4wMDksMjU3LjY4NiwyNTcuNjkxLDI2OC4wMTEsMjQ1LjAwMywyNjguMDExeiIvPg0KPC9nPg0KPC9zdmc+);
-      }
-
-      .content-wrapper {
-        padding: 1rem;
-        float: left;
-        width: calc(100% - 16rem);
-        background-color: #f4f4f4;
-        overflow: hidden;
-      }
-
-      .content {
-        display: none;
-      }
-
-      .content .title {
-        font-size: 1rem;
-        color: #080404e2;
-        font-weight: 600;
-      }
-
-      .content .title::after {
-        content: ':';
-      }
-
-      .content.active {
-        display: flex !important;
-        flex-direction: column;
-        gap: 0.9rem;
-        flex-wrap: wrap;
-        transition: all 2s ease-in-out;
-      }
-
-      .sidebar .footer {
-        bottom: 5px;
-        position: absolute;
-        font-size: 12.4px;
-        color: #14cf96;
-        font-family: system-ui;
-      }
-
-      #overview {
-        flex-direction: row;
-        justify-content: space-between;
-      }
-
-      #overview .card {
-        display: flex;
-        flex-direction: column;
-        width: 25rem;
-        height: 12.5rem;
-        border: 1px solid #ddd;
-        box-shadow: 0 22px 35px -16px rgba(0, 0, 0, 0.3);
-        border-radius: 5px;
-        background: white;
-        padding: 1rem;
-      }
-
-      #overview .overall-quality {
-        height: 20rem;
-        flex-basis: 100%;
-        line-height: 14px;
-      }
-
-      #overview .overall-quality .section {
-        display: flex;
-        flex-direction: row;
-      }
-
-      #overview .overall-quality .section .block {
-        width: 50%;
-      }
-
-      #overview .overall-quality .section .block article {
-        padding: 5px;
-      }
-
-      #overview .overall-quality .section .block article p.desc {
-        font-size: 0.9em;
-      }
-
-      #overview .overall-quality .section .block article .items li {
-        font-size: 0.87em;
-      }
-
-      #overview .overall-quality .section .block article .items li .detail {
-        margin-top: -10px;
-      }
-
-      #overview .overall-quality .section .block .graph {
-        margin-top: 1.5em;
-      }
-
-      #overview .string-quality,
-      #overview .number-quality,
-      #overview .datetime-quality,
-      #overview .skipped-items {
-        flex-basis: 45%;
-      }
-
-      #overview .string-quality .graph,
-      #overview .number-quality .graph,
-      #overview .datetime-quality .graph,
-      #overview .skipped-items .graph {
-        align-self: center;
-      }
-
-      #overview .string-quality .graph {
-        margin-left: 4rem;
-      }
-
-      #overview .number-quality.card,
-      #overview .datetime-quality.card {
-        height: 13rem;
-      }
-
-      #overview .number-quality .graph,
-      #overview .datetime-quality .graph {
-        margin-top: -0.9rem;
-        margin-left: 4.5rem;
-      }
-
-      #insights .cards {
-        display: flex;
-        flex-direction: column;
-        gap: 1.5rem;
-      }
-
-      #insights .cards .holder {
-        display: flex;
-        flex-direction: row;
-        gap: 1.5rem;
-        flex-wrap: wrap;
-      }
-
-      #insights .cards .card {
-        display: flex;
-        flex-direction: column;
-        width: 20rem;
-        min-height: 10rem;
-        border: 1px solid #ddd;
-        box-shadow: 0 22px 35px -16px rgba(0, 0, 0, 0.3);
-        border-radius: 5px;
-        background: white;
-      }
-
-      #insights .cards .card:hover {
-        transform: scale(1.015);
-        box-shadow: 0 22px 35px -16px #07ff7d33;
-        cursor: pointer;
-        transition: all 0.1s ease-in-out;
-      }
-
-      #insights .cards .card .title {
-        height: 2.5rem;
-        font-size: 1rem;
-        padding-top: 1rem;
-        font-weight: 500;
-        width: calc(100% - 1rem);
-        background: #0c5ad9d6;
-        border-top-left-radius: 5px;
-        border-top-right-radius: 5px;
-        padding-left: 1rem;
-        color: white;
-      }
-
-      #insights .cards .card .title::after {
-        content: '';
-      }
-
-      #insights .cards .card .card-content {
-        display: flex;
-        flex-direction: column;
-        gap: 1rem;
-        padding: 1rem;
-      }
-
-      #insights .cards .card .status-bar {
-        display: flex;
-        flex-direction: column;
-        gap: 0.8rem;
-      }
-
-      #insights .cards .card .status-bar .bar-container .name {
-        font-size: 0.78rem;
-        -webkit-font-smoothing: antialiased;
-        -moz-osx-font-smoothing: grayscale;
-      }
-
-      #insights .cards .card .status-bar .bar-container .name::after {
-        content: ':';
-      }
-
-      #insights .cards .card .status-bar .bar-container .bar-holder {
-        width: 100%;
-        height: 10px;
-        border: 1px solid #00000038;
-        border-radius: 2px;
-      }
-
-      #insights .cards .card .status-bar .bar-container .bar-holder .bar {
-        height: 100%;
-        font-size: 0.63rem;
-        text-align: right;
-        color: rgb(0, 0, 0);
-      }
-
-      .bar.--green {
-        background-color: #1dedaf;
-      }
-
-      .bar.--red {
-        background-color: #fe3e3e;
-      }
-
-      .bar.--yellow {
-        background-color: #faef1f;
-      }
-
-      .bar.--blue {
-        background-color: #77c2ff;
-      }
-
-      #insights .cards .card .stat {
-        display: flex;
-        flex-direction: column;
-        gap: 0.3rem;
-        border: 0.5px solid #00000012;
-        border-radius: 6px;
-      }
-
-      #insights .cards .card .stat table td {
-        font-size: 0.78rem;
-        -webkit-font-smoothing: antialiased;
-        -moz-osx-font-smoothing: grayscale;
-      }
-
-      #insights .cards .card .stat table td.name {
-        width: 70%;
-      }
-
-      #insights .cards .card .stat table td.value::before {
-        content: ':  ';
-      }
-
-      #locale {
-        background: white;
-        padding: 12px;
-        border-radius: 5px;
-        padding-top: 20px;
-      }
-
-      #locale .title {
-        content: ':';
-      }
-
-      #locale .coverage-info {
-        margin-top: 1rem;
-        width: 100%;
-        height: 80vh;
-        padding-right: 1rem;
-        padding-left: 0.1rem;
-      }
-
-      #locale table thead th select.filter {
-        margin-left: 1rem;
-        max-width: 8rem;
-        text-overflow: ellipsis;
-      }
-
-      #locale .image-viewer {
-        display: none;
-        position: fixed;
-        z-index: 9999;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        background-color: rgba(0, 0, 0, 0.8);
-        text-align: center;
-      }
-
-      #locale .image-container {
-        position: relative;
-        top: 50%;
-        transform: translateY(-50%);
-        display: inline-block;
-      }
-
-      #locale .image-viewer img {
-        max-width: 90%;
-        max-height: 90%;
-      }
-
-      #locale .close-button {
-        position: absolute;
-        top: 0.5rem;
-        right: 1rem;
-        color: #ffffffbf;
-        font-size: 3.1rem;
-        cursor: pointer;
-      }
-
-      #locale .close-button:hover {
-        color: white;
-      }
-
-      #locale table tbody td {
-        font-size: 0.9em;
-      }
-
-      #locale table td .view-screenshot-btn {
-        color: blue;
-      }
-
-      .project-info {
-        font-size: 1rem;
-        color: #90a3a9;
-      }
-
-      .project-info .time {
-        float: right;
-        position: relative;
-        top: 1rem;
-        margin-right: 0.5rem;
-      }
-
-      @media (max-width: 768px) {
-        .sidebar {
-          width: 16rem;
-          padding: 10px;
-        }
-      }
-
-      .--hidden {
-        display: none;
-        visibility: hidden;
-      }
-
-      #log .log-content {
-        width: 98%;
-        height: 82vh;
-        background: white;
-        border-radius: 3px;
-        overflow: hidden;
-        padding: 1em;
-      }
-
-      #log .log-content pre {
-        height: 100%;
-        white-space: pre-line;
-        word-break: break-all;
-        padding: 0;
-        margin: 0;
-        width: 100%;
-        overflow: hidden;
-        overflow-y: auto;
-      }`;
-}

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

@@ -1,63 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = renderHtml;
-function renderHtml({
-  appName,
-  reportTime,
-  script,
-  style,
-  body,
-  dataFilePaths = [],
-  logData
-}) {
-  return `<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="charset" content="charset='UTF-8'" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="company" content="Zeesoft" />
-    <meta name="author" content="Jitendra Maheshwari" />
-    <meta name="email" content="jm@zeesoft.com" />
-    <meta
-      name="description"
-      content="I18n verification report"
-    />
-    <title>${appName} - I18n Verification Report | ${reportTime}</title>
-        <!-- 3rd party dependecies -->
-    <link
-      rel="stylesheet"
-      href="https://cdn.datatables.net/2.0.3/css/dataTables.dataTables.min.css"
-    />
-    ${dataFilePaths.map(v => `<script
-      src="${v}"
-      type="text/javascript">
-    </script>`).join('')}
-      ${logData ? `<script type="text/javascript" async/>window.logData = \`${logData}\`;</script>` : ''}
-    <script
-      src="https://code.jquery.com/jquery-3.7.1.slim.min.js"
-      integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8="
-      crossorigin="anonymous"
-      defer
-    ></script>
-    <script src="https://cdn.jsdelivr.net/npm/apexcharts" defer></script>
-    <script
-      src="https://cdn.datatables.net/2.0.3/js/dataTables.min.js"
-      defer
-    ></script>
-    <style>
-      ${style}
-    </style>
-  </head>
-  <body>
-    ${body}
-  </body>
-  <script type="text/javascript" defer>
-    ${script}
-  </script>
-</html>
-`;
-}