@zeesoft/i18n-verify 2.1.3 → 2.1.6

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

@@ -1,66 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = metaData => `// DataStore
-      (() => {
-        // prepare appData and set DataStore
-        var appData = {
-          appName: '${metaData.appName}',
-          defaultLocale: '${metaData.defaultLocale}',
-          timeStamp: '${metaData.reportTime}',
-          metaData: {
-            stats: {},
-            statsByLocale: {}
-          },
-          stringsData: {},
-          locales: Object.keys(rawData)
-        };
-
-        for (const entry of Object.entries(rawData)) {
-          const locale = entry[0];
-          const stats = entry[1].metaData.stats;
-          const stringsData = entry[1].stringsData;
-
-          if (Object.keys(appData.metaData.stats).length) {
-            for (const prop in stats) {
-              appData.metaData.stats[prop] += stats[prop];
-            }
-          } else {
-            appData.metaData.stats = {...stats};
-          }
-
-          appData.metaData.statsByLocale[locale] = stats;
-          appData.stringsData[locale] = stringsData;
-        }
-
-        function SimpleDataStore() {
-          this._getData = () => appData;
-
-          this.ranSuccessfully = () => this.getLocales().length > 0;
-
-          this.getTimestamp = () => this._getData().timeStamp;
-
-          this.getAppName = () => this._getData().appName;
-
-          this.isDefaultLocale = (locale) =>
-            locale === this._getData().defaultLocale;
-
-          this.getLocalesData = () => this._getData().stringsData || {};
-
-          this.getLocales = () => this._getData().locales || [];
-
-          this.getStatByLocale = (locale) =>
-            this._getData().metaData.statsByLocale[locale] || {};
-
-          this.getOverallStats = () => this._getData().metaData.stats || {};
-
-          this.getDataByLocale = (locale) =>
-            this._getData().stringsData[locale] || {};
-        }
-
-        DataStore = new SimpleDataStore();
-      })();`;
-exports.default = _default;

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

@@ -1,45 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = () => `var DataStore;
-      // global functions
-      function openImageViewer(imageSrc) {
-        var imageView = document.getElementById('imageView');
-        imageView.src = \`\${window.getProductUrl()}/\${imageSrc}\`;
-        document.getElementById('imageViewer').style.display = 'block';
-      }
-
-      function closeImageViewer() {
-        delete document.getElementById('imageView').src;
-        document.getElementById('imageViewer').style.display = 'none';
-      }
-
-      //to dynamically show/hide header based upon query param: ?standalone=<true|false>
-      window.getProductUrl = () => {
-        if (window.productUrl) {
-          return window.productUrl;
-        } else {
-          window.productUrl = \`\${window.location.protocol}//\${
-            window.location.host
-          }\${window.location.pathname.match(/^.+[^\\/report\\.html]/g)?.[0]}\`;
-          return window.productUrl;
-        }
-      };
-      const params = new URLSearchParams(location.href.match(/(\\?.*$)/g)?.[0]);
-      if (params.size) {
-        const disableHeader = params.get('standalone') === 'true';
-        if (disableHeader) {
-          window.disableHeader = disableHeader;
-          const header = document.getElementsByTagName('header')[0],
-            main = document.getElementsByTagName('main')[0],
-            headerHeight = header.offsetHeight,
-            mainHeight = main.offsetHeight;
-          header.style.display = 'none';
-          main.style.height = \`\${headerHeight + mainHeight}px\`;
-          document.getElementById('locale').style.height = '96%';
-        }
-      }`;
-exports.default = _default;

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

@@ -1,129 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = () => `// locale grid
-      (() => {
-        if (!DataStore.ranSuccessfully()) {
-          return;
-        }
-
-        document.addEventListener('DOMContentLoaded', function () {
-          let table;
-          document.querySelectorAll('.sub-menu-item').forEach((menu) => {
-            menu.addEventListener('click', (e) => {
-              render(e.currentTarget.dataset.locale);
-            });
-          });
-
-          const updateTitle = (locale) => {
-            document.querySelector(
-              '#locale .title'
-            ).textContent = \`\${locale} I18n Coverage Details\`;
-          };
-
-          const buildGrid = (locale) => {
-            const data = DataStore.getDataByLocale(locale) || {};
-            $.fn.dataTable.ext.errMode = 'none';
-            const dataSet = [];
-            Object.entries(data).map((entry) =>
-              entry[1].forEach(
-                (v) =>
-                  v.type !== 'REVIEWED' &&
-                  dataSet.push([entry[0], v.type, v.description, v.imagePath])
-              )
-            );
-            table = new DataTable('#locale .coverage-info table', {
-              columns: [
-                { title: 'String' },
-                { title: 'Type' },
-                { title: 'Page' },
-                { title: 'Screenshot' }
-              ],
-              columnDefs: [
-                {
-                  width: '44%',
-                  targets: 0
-                },
-                {
-                  width: '18%',
-                  targets: 1
-                },
-                {
-                  width: '18%',
-                  targets: 2
-                },
-                {
-                  width: '18%',
-                  targets: 3,
-                  orderable: false,
-                  searchable: false,
-                  data: null,
-                  render: function (data) {
-                    return \`<a href="#" class="view-screenshot-btn" onclick="openImageViewer('\${data[3]}')"><img title="View screenshot for '\${data[2]}'" class="view-screenshot-image"></img></a>\`;
-                  },
-                  className: 'dt-head-center dt-body-center'
-                }
-              ],
-              data: dataSet,
-              initComplete: function () {
-                this.api()
-                  .columns()
-                  .every(function () {
-                    const column = this;
-
-                    if (column[0][0] === 3) {
-                      return;
-                    }
-
-                    const select = $(
-                      '<select class="filter dt-input"><option value="">Filter By</option></select>'
-                    )
-                      .appendTo($(column.header()).before())
-                      .on('change', function () {
-                        const val = $.fn.dataTable.util.escapeRegex(
-                          $(this).val()
-                        );
-
-                        column
-                          .search(val ? '^' + val + '$' : '', true, false)
-                          .draw();
-                      })
-                      .on('click', function (e) {
-                        e.stopPropagation();
-                        e.stopImmediatePropagation();
-                      });
-
-                    column
-                      .data()
-                      .unique()
-                      .sort()
-                      .each(function (d, j) {
-                        select.append(
-                          '<option value="' + d + '">' + d + '</option>'
-                        );
-                      });
-                  });
-              },
-              sScrollY:
-                document
-                  .querySelector('#locale .coverage-info')
-                  .getBoundingClientRect().height - 142,
-              pageLength: 25,
-              lengthMenu: [10, 25, 50, 100]
-            });
-          };
-
-          const render = (locale) => {
-            if (table) {
-              table.destroy();
-            }
-            updateTitle(locale);
-            buildGrid(locale);
-          };
-        });
-    })();
-`;
-exports.default = _default;

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

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _menuBar = _interopRequireDefault(require("./menuBar.js"));
-var _overview = _interopRequireDefault(require("./overview.js"));
-var _insight = _interopRequireDefault(require("./insight.js"));
-var _grid = _interopRequireDefault(require("./grid.js"));
-var _data = _interopRequireDefault(require("./data.js"));
-var _global = _interopRequireDefault(require("./global.js"));
-var _log = _interopRequireDefault(require("./log.js"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = metaData => `${(0, _global.default)()}
-      ${(0, _data.default)(metaData)}
-      ${(0, _menuBar.default)()}
-      ${(0, _overview.default)()}
-      ${(0, _insight.default)()}
-      ${(0, _grid.default)()}
-      ${(0, _log.default)()}`;
-exports.default = _default;

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

@@ -1,248 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = () => `// insights content
-      (() => {
-      if (!DataStore.ranSuccessfully()) {
-        document.getElementById('overview').innerHTML =
-          'Unable to prepare zQA automation report for the project.';
-        return;
-      }
-
-      document.addEventListener('DOMContentLoaded', function () {
-        renderCards();
-
-        // helper methods to generate cards and its sections
-        function createStatSection(locale, data) {
-          const isDefaultLocale = DataStore.isDefaultLocale(locale);
-          const holder = document.createElement('div');
-          const table = document.createElement('table');
-          const tbody = document.createElement('tbody');
-          const name = document.createElement('div');
-          const tableData = {
-            'Internationlized Strings':
-              data.localizedStrings +
-              data.untranslatedStrings +
-              data.partialStrings,
-            'Not Internationlized Strings': data.notLocalizedStrings,
-            'Internationlized Numbers': data.localizedNumber,
-            'Not Internationlized Numbers': data.notLocalizedNumber,
-            'Internationlized Currency': data.localizedCurrency,
-            'Not Internationlized Currency': data.notLocalizedCurrency,
-            'Internationlized Percentage': data.localizedPercentage,
-            'Not Internationlized Percentage': data.notLocalizedPercentage,
-            'Internationlized Date': data.localizedDate,
-            'Not Internationlized Date': data.notLocalizedDate,
-            'Internationlized Time': data.localizedTime,
-            'Not Internationlized Time': data.notLocalizedTime,
-            'Internationlized DateTime': data.localizedDate,
-            'Not Internationlized DateTime': data.notLocalizedDateTime,
-            'Encoding Issue Strings': data.encoding,
-            'DNT Strings': data.dnt,
-            'Ignored Strings': data.ignored,
-            'Untranslated Strings': data.untranslatedStrings,
-            'Auto Ignored Strings': data.autoIgnored,
-            'User Input Strings': data.userInput,
-            'Total Reviewed': data.reviewed
-          };
-          const addRow = (name, value) => {
-            const row = document.createElement('tr');
-
-            const col1 = document.createElement('td');
-            col1.classList.add('name');
-            col1.textContent = name;
-
-            const col2 = document.createElement('td');
-            col2.classList.add('value');
-            col2.textContent = value;
-
-            row.appendChild(col1);
-            row.appendChild(col2);
-            return row;
-          };
-
-          for (const rowData of Object.entries(tableData)) {
-            if (!isDefaultLocale || rowData[0] !== 'Untranslated Strings') {
-              tbody.appendChild(addRow(rowData[0], rowData[1]));
-            }
-          }
-
-          holder.classList.add('stat');
-          name.classList.add('name');
-          name.textContent = 'Summary';
-          holder.append(name);
-
-          table.appendChild(tbody);
-          holder.appendChild(table);
-          return holder;
-        }
-
-        function createStatusBarSection(locale, data) {
-          const holder = document.createElement('div');
-          holder.classList.add('status-bar');
-
-          const generateBarEl = (name, total, current) => {
-            const getColorClass = (value) => {
-              if (value <= 25) {
-                return 'red';
-              } else if (value <= 50) {
-                return 'yellow';
-              } else if (value <= 75) {
-                return 'blue';
-              } else if (value <= 100) {
-                return 'green';
-              }
-            };
-            current = (current / total) * 100;
-            current = isNaN(current) || !isFinite(current) ? 0 : current;
-            const holder = document.createElement('div');
-            holder.classList.add('bar-container');
-
-            const nameHolder = document.createElement('div');
-            nameHolder.classList.add('name');
-            nameHolder.textContent = name;
-
-            const barHolder = document.createElement('div');
-            barHolder.classList.add('bar-holder');
-
-            const bar = document.createElement('div');
-            bar.classList.add('bar');
-            bar.classList.add(\`--\${getColorClass(current)}\`);
-            bar.style.width = \`\${current}%\`;
-            bar.textContent = \`\${current.toFixed(0)}%\`;
-
-            barHolder.appendChild(bar);
-            holder.appendChild(nameHolder);
-            holder.appendChild(barHolder);
-
-            return holder;
-          };
-
-          const isDefaultLocale = DataStore.isDefaultLocale(locale),
-            totalI18nCount = isDefaultLocale
-              ? 100
-              : data.localizedStrings +
-                data.untranslatedStrings +
-                data.partialStrings +
-                data.notLocalizedStrings,
-            i18nStrings = isDefaultLocale
-              ? 100
-              : data.localizedStrings +
-                data.untranslatedStrings +
-                data.partialStrings,
-            totalLocCount = isDefaultLocale
-              ? 100
-              : totalI18nCount -
-                data.untranslatedStrings -
-                data.notLocalizedStrings,
-            totalNumberCount = isDefaultLocale
-              ? 100
-              : data.localizedNumber +
-                data.localizedCurrency +
-                data.localizedPercentage +
-                data.notLocalizedPercentage +
-                data.notLocalizedCurrency +
-                data.notLocalizedNumber,
-            i18nNumbers = isDefaultLocale
-              ? 100
-              : totalNumberCount -
-                data.notLocalizedPercentage -
-                data.notLocalizedCurrency -
-                data.notLocalizedNumber,
-            totalI18nDateTimeCount = isDefaultLocale
-              ? 100
-              : data.localizedDate +
-                data.localizedDateTime +
-                data.localizedTime +
-                data.notLocalizedDate +
-                data.notLocalizedDateTime +
-                data.notLocalizedTime,
-            i18nDateTime = isDefaultLocale
-              ? 100
-              : totalI18nDateTimeCount -
-                data.notLocalizedDate -
-                data.notLocalizedDateTime -
-                data.notLocalizedTime;
-
-          holder.appendChild(
-            generateBarEl('String I18n level', totalI18nCount, i18nStrings)
-          );
-
-          holder.appendChild(
-            generateBarEl('String L10n level', totalI18nCount, totalLocCount)
-          );
-
-          holder.appendChild(
-            generateBarEl('Number I18n level', totalNumberCount, i18nNumbers)
-          );
-
-          holder.appendChild(
-            generateBarEl(
-              'DateTime I18n level',
-              totalI18nDateTimeCount,
-              i18nDateTime
-            )
-          );
-          return holder;
-        }
-
-        function generateCardContents(locale, data) {
-          const cardContent = document.createElement('div');
-          cardContent.classList.add('card-content');
-
-          cardContent.appendChild(createStatusBarSection(locale, data));
-          cardContent.appendChild(createStatSection(locale, data));
-          return cardContent;
-        }
-
-        function createCardEl(locale, data) {
-          const card = document.createElement('div');
-          const title = document.createElement('div');
-          card.classList.add('card');
-          card.dataset.locale = locale;
-          title.classList.add('title');
-          title.textContent = \`\${locale} details\`;
-
-          // fire menu selection event on clicking the card
-          card.addEventListener('click', () => {
-            const previousSelectedSubMenu = document.querySelector(
-              '.sub-menu-item.selected'
-            );
-            if (previousSelectedSubMenu) {
-              window.previousSelectedLocale =
-                previousSelectedSubMenu.dataset.locale;
-            }
-
-            document
-              .querySelector(\`.sub-menu-item[data-locale="\${locale}"]\`)
-              .click();
-          });
-
-          card.appendChild(title);
-          card.appendChild(generateCardContents(locale, data));
-          return card;
-        }
-
-        function renderCards() {
-          // read from global variable appData;
-          const localeInfo = DataStore.getLocalesData();
-
-          if (Object.keys(localeInfo).length) {
-            const cardHolder = document.querySelector(
-              '#insights .cards .holder'
-            );
-            for (const locale in localeInfo) {
-              const cardEl = createCardEl(
-                locale,
-                DataStore.getStatByLocale(locale)
-              );
-              cardHolder.appendChild(cardEl);
-            }
-          }
-        }
-      });
-    })();`;
-exports.default = _default;

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

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = () => `// log content
-    (() => {
-      document.addEventListener('DOMContentLoaded', function () {
-        const pre = document.querySelector('#log .log-content pre');
-        pre.textContent = 'Loading...';
-        document
-          .querySelector('li[data-page="log"]')
-          ?.addEventListener('click', (e) => {
-            pre.textContent = window.logData || 'No log data found!';
-          });
-      });
-    })();`;
-exports.default = _default;

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

@@ -1,123 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = metaData => `(() => {
-        // for sidebar menu
-        const loadContent = (section, highlightMenu = false) => {
-          if (highlightMenu) {
-            document
-              .querySelector('li[data-page="overview"]')
-              ?.classList.add('selected');
-          }
-
-          const contents = document.querySelectorAll('.content');
-          contents.forEach((content) => {
-            content.id !== section
-              ? content.classList.remove('active')
-              : content.classList.add('active');
-
-            section === 'overview' &&
-              window.persistOverviewCharts &&
-              window.persistOverviewCharts();
-
-            window.currentPage = section;
-          });
-        };
-
-        document.addEventListener('DOMContentLoaded', function () {
-          const createMenuItems = (() => {
-            const ul = document.querySelector('.sidebar .submenu');
-            const createListItems = (locale) => {
-              const li = document.createElement('li');
-              li.classList.add('sub-menu-item');
-              li.dataset.locale = locale;
-
-              const a = document.createElement('a');
-              a.href = '#';
-              a.textContent = locale;
-
-              li.appendChild(a);
-              return li;
-            };
-
-            for (const locale of DataStore.getLocales()) {
-              ul.appendChild(createListItems(locale));
-            }
-          })();
-
-          const menuItems = document.querySelectorAll('.menu-item'),
-            submenuItems = document.querySelectorAll('.sub-menu-item');
-
-          menuItems.forEach((item) => {
-            item.addEventListener('click', function (event) {
-              const selectedMenuItem = document.querySelector(
-                  '.menu-item.selected'
-                ),
-                selectedSubmenu = document.querySelector('.submenu.active'),
-                page = item.dataset.page;
-
-              if (selectedMenuItem) {
-                selectedMenuItem.classList.remove('selected');
-              }
-
-              if (selectedSubmenu) {
-                selectedSubmenu.classList.remove('active');
-              }
-
-              if (item.classList.contains('has-submenu')) {
-                event.preventDefault();
-                item.classList.add('selected');
-                const submenu = item.querySelector('.submenu');
-                submenu.classList.add('active');
-              } else {
-                item.classList.add('selected');
-              }
-
-              if (selectedSubmenu) {
-                selectedSubmenu
-                  .querySelectorAll('.sub-menu-item')
-                  .forEach((submenuItem) => {
-                    submenuItem.textContent !== item.textContent &&
-                      submenuItem.classList.remove('selected');
-                  });
-              }
-
-              loadContent(page);
-            });
-
-            loadContent('overview', true);
-          });
-
-          submenuItems.forEach((sItem) => {
-            sItem.addEventListener('click', function (event) {
-              const selectedSubMenuItem = document.querySelector(
-                '.sub-menu-item.selected'
-              );
-              event.preventDefault();
-              event.stopPropagation();
-
-              if (selectedSubMenuItem) {
-                selectedSubMenuItem.classList.remove('selected');
-                window.previousSelectedLocale =
-                  selectedSubMenuItem.dataset.locale;
-              }
-
-              sItem.classList.add('selected');
-              loadContent('locale');
-            });
-          });
-
-          // update footer info
-          const footer = document.querySelector('.sidebar .footer');
-          footer.textContent = \`\${new Date().getFullYear()} @ Zeesoft. All rights reserved.\`;
-
-          // update project info
-          document.querySelector(
-            'header .logo'
-          ).innerHTML = \`zQA Report | \${DataStore.getAppName()}<span class="project-info"><span class="time">Report generated at: \${DataStore.getTimestamp()}</span></span>\`;
-        });
-      })();`;
-exports.default = _default;