npm - textbrowser - Versions diffs - 0.48.0 → 0.48.2 - Mend

textbrowser 0.48.0 → 0.48.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (33) hide show

package/.eslintrc.cjs +3 -1
package/CHANGES.md +11 -0
package/README.md +2 -6
package/dist/WorkInfo-es.js +972 -344
package/dist/activateCallback-es.js +2 -2
package/dist/index-es.js +2713 -1105
package/dist/index-es.min.js +4 -4
package/dist/sw-helper.js +10 -6
package/index.html +2 -0
package/package.json +33 -33
package/resources/activateCallback.js +2 -2
package/resources/index.js +4 -4
package/resources/resultsDisplay.js +44 -39
package/resources/templates/languageSelect.js +3 -3
package/resources/templates/resultsDisplayServerOrClient.js +76 -65
package/resources/templates/workDisplay.js +123 -103
package/resources/templates/workSelect.js +4 -4
package/resources/utils/IntlURLSearchParams.js +1 -1
package/resources/utils/Languages.js +3 -1
package/resources/utils/Metadata.js +22 -21
package/resources/utils/Plugin.js +4 -4
package/resources/utils/ServiceWorker.js +7 -11
package/resources/utils/WorkInfo.js +4 -4
package/resources/utils/dialogs.js +2 -1
package/resources/utils/getLocaleFallbackResults.js +3 -3
package/resources/utils/sanitize.js +3 -3
package/resources/workDisplay.js +13 -14
package/resources/workSelect.js +3 -2
package/server/main.js +6 -4
package/dist/index-umd.js +0 -18864
package/dist/index-umd.min.js +0 -19
/package/dist/assets/{index-c987c995.css → index-_11XnUty.css} +0 -0
/package/dist/assets/{languages-fcf1c836.json → languages-1sAACTKG.json} +0 -0

package/dist/sw-helper.js CHANGED Viewed

@@ -41,6 +41,10 @@ function swHelper (self) {
       'node_modules/textbrowser-data-schemas/schemas/table.jsonschema', // Not currently using for validation or meta-data
       */
+    'node_modules/intl-locale-textinfo-polyfill/lib/Locale.js',
+    'node_modules/textbrowser/dist/assets/languages-1sAACTKG.json',
+    'node_modules/textbrowser/dist/assets/index-_11XnUty.css',
     'node_modules/textbrowser/dist/index-es.js'
   ];
@@ -106,7 +110,7 @@ function swHelper (self) {
    * @param {DelayCallback} cb
    * @param {PositiveInteger} timeout
    * @param {string} errMessage
-   * @param {PositiveInteger} [time=0]
+   * @param {PositiveInteger} [time]
    * @returns {Promise<void>}
    */
   async function tryAndRetry (cb, timeout, errMessage, time = 0) {
@@ -117,7 +121,7 @@ function swHelper (self) {
     } catch (err) {
       console.log('errrr', err);
       logError(err, err.message || errMessage);
-      return new Promise((resolve, reject) => {
+      return new Promise((resolve) => {
         setTimeout(() => {
           resolve(tryAndRetry(cb, timeout, errMessage, time));
         }, timeout);
@@ -129,7 +133,7 @@ function swHelper (self) {
    *
    * @param {PlainObject} args
    * @param {"log"|"error"|"beginInstall"|"finishedInstall"|"beginActivate"|"finishedActivate"} args.type
-   * @param {string} [args.message=type]
+   * @param {string} [args.message]
    * @returns {Promise<void>}
    */
   async function post ({type, message = type}) {
@@ -202,11 +206,11 @@ function swHelper (self) {
       ...userDataFiles,
       ...stylesheets
     ];
-      // .map((url) => url === 'index.html' ? new Request(url, {cache: 'reload'}) : url)
+    // .map((url) => url === 'index.html' ? new Request(url, {cache: 'reload'}) : url)
     try {
       const cachePromises = urlsToPrefetch.map(async (urlToPrefetch) => {
-        // This constructs a new URL object using the service worker's script location as the base
-        // for relative URLs.
+        // This constructs a new URL object using the service worker's script
+        //   location as the base for relative URLs.
         const url = new URL(urlToPrefetch, location.href);
         url.search += (url.search ? '&' : '?') + 'cache-bust=' + now;
         const request = new Request(url, {mode: 'no-cors'});

package/index.html CHANGED Viewed

@@ -4,6 +4,8 @@
     <title></title>
     <link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon" />
+    <!-- Browser polyfills -->
+    <script type="module" src="node_modules/intl-locale-textinfo-polyfill/lib/polyfill.js"></script>
     <!-- Site-specific customization -->
     <script type="module" src="resources/user.js"></script>
 </head><body>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "textbrowser",
-  "version": "0.48.0",
+  "version": "0.48.2",
   "description": "Multilinear text browser",
   "type": "module",
   "main": "dist/index-es.min.js",
@@ -30,59 +30,59 @@
     "text"
   ],
   "dependencies": {
-    "@babel/core": "^7.20.2",
+    "@babel/core": "^7.23.3",
     "@brettz9/node-static": "^0.1.1",
     "command-line-args": "^5.2.1",
-    "dom-parser": "^0.1.6",
+    "dom-parser": "^1.1.5",
     "form-serialization": "^0.11.0",
-    "indexeddbshim": "^10.0.0",
-    "intl-dom": "^0.17.0",
-    "jamilih": "0.54.0",
-    "jsdom": "^20.0.3",
+    "indexeddbshim": "^12.0.0",
+    "intl-dom": "^0.19.0",
+    "intl-locale-textinfo-polyfill": "^2.1.1",
+    "jamilih": "0.58.2",
+    "jsdom": "^22.1.0",
     "json-refs": "^3.0.15",
     "load-stylesheets": "0.10.0",
     "node-fetch": "^2.6.6",
-    "rtl-detect": "1.0.4",
     "simple-get-json": "^9.0.1"
   },
   "devDependencies": {
-    "@babel/eslint-parser": "^7.19.1",
+    "@babel/eslint-parser": "^7.23.3",
     "@babel/plugin-proposal-object-rest-spread": "^7.20.2",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/preset-env": "^7.20.2",
+    "@babel/preset-env": "^7.23.3",
     "@brettz9/eslint-plugin": "^1.0.4",
-    "@rollup/plugin-babel": "^6.0.2",
-    "@rollup/plugin-commonjs": "^23.0.2",
-    "@rollup/plugin-json": "^5.0.1",
-    "@rollup/plugin-node-resolve": "^15.0.1",
-    "@rollup/plugin-terser": "^0.1.0",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-json": "^6.0.1",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-terser": "^0.4.4",
     "@stadtlandnetz/rollup-plugin-postprocess": "^1.1.0",
-    "@web/rollup-plugin-import-meta-assets": "^1.0.7",
-    "ajv": "8.11.2",
+    "@web/rollup-plugin-import-meta-assets": "^2.2.0",
+    "ajv": "8.12.0",
     "babel-plugin-dynamic-import-node": "^2.3.3",
-    "chai": "^4.3.7",
-    "eslint": "^8.28.0",
-    "eslint-config-ash-nazg": "^34.4.0",
-    "eslint-config-standard": "^17.0.0",
-    "eslint-plugin-array-func": "^3.1.7",
-    "eslint-plugin-compat": "^4.0.2",
+    "chai": "^4.3.10",
+    "eslint": "^8.53.0",
+    "eslint-config-ash-nazg": "^35.1.0",
+    "eslint-config-standard": "^17.1.0",
+    "eslint-plugin-array-func": "^4.0.0",
+    "eslint-plugin-compat": "^4.2.0",
     "eslint-plugin-eslint-comments": "^3.2.0",
     "eslint-plugin-html": "^7.1.0",
-    "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-jsdoc": "^39.6.2",
-    "eslint-plugin-markdown": "^3.0.0",
-    "eslint-plugin-n": "^15.5.1",
-    "eslint-plugin-no-unsanitized": "^4.0.1",
+    "eslint-plugin-import": "^2.29.0",
+    "eslint-plugin-jsdoc": "^46.9.0",
+    "eslint-plugin-markdown": "^3.0.1",
+    "eslint-plugin-n": "^16.3.1",
+    "eslint-plugin-no-unsanitized": "^4.0.2",
     "eslint-plugin-no-use-extend-native": "^0.5.0",
     "eslint-plugin-promise": "^6.1.1",
-    "eslint-plugin-sonarjs": "^0.16.0",
+    "eslint-plugin-sonarjs": "^0.23.0",
     "eslint-plugin-standard": "^4.1.0",
-    "eslint-plugin-unicorn": "^44.0.2",
+    "eslint-plugin-unicorn": "^49.0.0",
     "json-metaschema": "1.3.0",
-    "mocha": "^10.1.0",
+    "mocha": "^10.2.0",
     "npm-run-all": "^4.1.5",
-    "open-cli": "^7.1.0",
-    "rollup": "^3.4.0",
+    "open-cli": "^7.2.0",
+    "rollup": "^4.4.0",
     "rollup-plugin-re": "^1.0.7",
     "textbrowser-data-schemas": "^0.2.0"
   },

package/resources/activateCallback.js CHANGED Viewed

@@ -6,7 +6,7 @@
 const {ceil} = Math;
 const arrayChunk = (arr, size) => {
-  return [...Array.from({length: ceil(arr.length / size)})].map((_, i) => {
+  return Array.from({length: ceil(arr.length / size)}, (_, i) => {
     const offset = i * size;
     return arr.slice(offset, offset + size);
   });
@@ -29,7 +29,7 @@ const arrayChunk = (arr, size) => {
  * @param {string} cfg.namespace
  * @param {string[]} cfg.files
  * @param {Logger} cfg.log
- * @param {string} [cfg.basePath=""]
+ * @param {string} [cfg.basePath]
  * @returns {Promise<void>}
  */
 export default async function activateCallback ({

package/resources/index.js CHANGED Viewed

@@ -22,14 +22,14 @@ import workSelect from './workSelect.js';
 import workDisplay from './workDisplay.js';
 import {resultsDisplayClient} from './resultsDisplay.js';
-/* eslint-disable no-unused-vars */
+/* eslint-disable no-unused-vars, @stylistic/brace-style */
 /**
  *
  * @param {null|number|string|PlainObject|GenericArray} obj
  * @returns {void}
  */
 function s (obj) { dialogs.alert(JSON.stringify(obj)); } // lgtm [js/unused-local-variable]
-/* eslint-enable no-unused-vars */
+/* eslint-enable no-unused-vars, @stylistic/brace-style */
 /**
  *
@@ -85,7 +85,7 @@ async function prepareForServiceWorker () {
  * @returns {Promise<void>}
  */
 async function requestPermissions (langs, l) {
-  return await new Promise((resolve, reject) => {
+  return await new Promise((resolve) => {
     // Todo: We could run the dialog code below for every page if
     //    `Notification.permission === 'default'` (i.e., not choice
     //    yet made by user), but user may avoid denying with intent
@@ -235,7 +235,7 @@ class TextBrowser {
   // Need for directionality even if language specified (and we don't want
   //   to require it as a param)
-  // Todo: Use rtl-detect (already included)
+  // Todo: Use intl-locale-textinfo-polyfill (already included)
   getDirectionForLanguageCode (code) {
     const langs = this.langData.languages;
     const exactMatch = langs.find((lang) => {

package/resources/resultsDisplay.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /* eslint-env browser */
-import rtlDetect from 'rtl-detect';
+import Locale from 'intl-locale-textinfo-polyfill';
 import JsonRefs from 'json-refs';
 import {jml} from 'jamilih';
@@ -11,7 +11,11 @@ import {
 import {Languages} from './utils/Languages.js';
 import {getWorkData} from './utils/WorkInfo.js';
-const {getLangDir} = rtlDetect;
+const getLangDir = (locale) => {
+  const {direction} = new Locale(locale).textInfo;
+  return direction;
+};
 const fieldValueAliasRegex = /^.* \((.*?)\)$/;
 const getRawFieldValue = (v) => {
@@ -61,7 +65,7 @@ const setAnchor = ({
       }
     }
     if (anchors.length) {
-      const escapeSelectorAttValue = (str) => (str || '').replace(/["\\]/g, '\\$&');
+      const escapeSelectorAttValue = (str) => (str || '').replaceAll(/["\\]/g, '\\$&');
       const escapedRow = escapeSelectorAttValue(anchors.join('-'));
       const escapedCol = anchorField
         ? escapeSelectorAttValue(anchorField)
@@ -172,7 +176,7 @@ export const resultsDisplayServerOrClient = async function resultsDisplayServerO
     fieldValueAliasMap, fieldValueAliasMapPreferred, localizedFieldNames,
     canonicalBrowseFieldNames
   }) => ({
-    tr, foundState
+    tr // , foundState
   }) => {
     return canonicalBrowseFieldNames.map((fieldName) => {
       const idx = localizedFieldNames.indexOf(fieldName);
@@ -263,13 +267,13 @@ export const resultsDisplayServerOrClient = async function resultsDisplayServerO
     } while (field);
     checkedFields = checkedFields.filter((cf) => localizedFieldNames.includes(cf));
     const checkedFieldIndexes = checkedFields.map((cf) => localizedFieldNames.indexOf(cf));
-    const allInterlinearColIndexes = checkedFieldIndexes.map((cfi, i) => {
+    const allInterlinearColIndexes = checkedFieldIndexes.map((cfi) => {
       const interlin = $p.get('interlin' + (cfi + 1), true);
-      return interlin && interlin.split(/\s*,\s*/).map((col) =>
+      return interlin && interlin.split(/\s*,\s*/).map((col) => {
       // Todo: Avoid this when known to be integer or if string, though allow
       //    string to be treated as number if config is set.
-        Number.parseInt(col) - 1
-      ).filter((n) => !Number.isNaN(n));
+        return Number.parseInt(col) - 1;
+      }).filter((n) => !Number.isNaN(n));
     });
     return [checkedFields, checkedFieldIndexes, allInterlinearColIndexes];
   };
@@ -298,8 +302,8 @@ export const resultsDisplayServerOrClient = async function resultsDisplayServerO
             );
             */
       const startSep = Templates.resultsDisplayServerOrClient.startSeparator({l});
-      const innerBrowseFieldSeparator = Templates.resultsDisplayServerOrClient
-        .innerBrowseFieldSeparator({l});
+      const innerBrowseFieldSeparator = Templates.resultsDisplayServerOrClient.
+        innerBrowseFieldSeparator({l});
       const buildRanges = () => {
         const endVals = [];
@@ -358,9 +362,9 @@ export const resultsDisplayServerOrClient = async function resultsDisplayServerO
       if (fieldValueAliasMap) {
         Object.entries(fieldValueAliasMap).forEach(([key, val]) => {
           if (Array.isArray(val)) {
-            fieldValueAliasMap[key] = val.map((value) =>
-              Templates.resultsDisplayServerOrClient.fieldValueAlias({key, value})
-            );
+            fieldValueAliasMap[key] = val.map((value) => {
+              return Templates.resultsDisplayServerOrClient.fieldValueAlias({key, value});
+            });
             return;
           }
           if (val && typeof val === 'object') {
@@ -424,7 +428,7 @@ export const resultsDisplayServerOrClient = async function resultsDisplayServerO
   const $pEscArbitrary = (param) => escapeHTML($p.get(param, true));
   // Not currently in use
-  const escapeQuotedCSS = (s) => s.replace(/\\/g, '\\\\').replace(/"/g, '\\"');
+  const escapeQuotedCSS = (s) => s.replaceAll('\\', '\\\\').replaceAll('"', '\\"');
   const {
     fileData, workI18n, getFieldAliasOrName, schemaObj, metadataObj,
@@ -468,7 +472,7 @@ export const resultsDisplayServerOrClient = async function resultsDisplayServerO
     console.log('pluginsForWork', pluginsForWork);
     const {lang} = this; // array with first item as preferred
     pluginsForWork.iterateMappings(({
-      plugin,
+      // plugin,
       pluginName, pluginLang,
       onByDefaultDefault,
       placement, applicableFields, meta
@@ -568,11 +572,11 @@ export const resultsDisplayServerOrClient = async function resultsDisplayServerO
       prefI18n !== 'false' && this.localizeParamNames
     );
   const lParam = localizeParamNames
-    ? key => l(['params', key])
-    : key => key;
+    ? (key) => l(['params', key])
+    : (key) => key;
   const lIndexedParam = localizeParamNames
-    ? key => l(['params', 'indexed', key])
-    : key => key;
+    ? (key) => l(['params', 'indexed', key])
+    : (key) => key;
   const lParamRaw = localizeParamNames
     ? (key, suffix = '') => $p.get(lParam(key) + suffix, true)
     : (key, suffix = '') => $p.get(key + suffix, true);
@@ -581,9 +585,9 @@ export const resultsDisplayServerOrClient = async function resultsDisplayServerO
     : (key, suffix = '') => $p.get($p.get('work') + '-' + key + suffix, true);
   // Now that we know `browseFieldSets`, we can parse `startEnd`
-  const browseFieldSetStartEndIdx = browseFieldSets.findIndex((item, i) =>
-    lIndexedParamRaw('startEnd', (i + 1))
-  );
+  const browseFieldSetStartEndIdx = browseFieldSets.findIndex((item, i) => {
+    return lIndexedParamRaw('startEnd', (i + 1));
+  });
   if (browseFieldSetStartEndIdx !== -1) {
     // Todo: i18nize (by work and/or by whole app?)
     const rangeSep = '-';
@@ -618,29 +622,30 @@ export const resultsDisplayServerOrClient = async function resultsDisplayServerO
     }
   }
-  const browseFieldSetIdx = browseFieldSets.findIndex((item, i) =>
-    lIndexedParamRaw('start', (i + 1) + '-1')
-  );
+  const browseFieldSetIdx = browseFieldSets.findIndex((item, i) => {
+    return lIndexedParamRaw('start', (i + 1) + '-1');
+  });
   const applicableBrowseFieldSet = browseFieldSets[browseFieldSetIdx];
   const applicableBrowseFieldSetName = setNames[browseFieldSetIdx];
-  const applicableBrowseFieldNames = applicableBrowseFieldSet.map((abfs) =>
-    abfs.fieldName
-  );
+  const applicableBrowseFieldNames = applicableBrowseFieldSet.map((abfs) => {
+    return abfs.fieldName;
+  });
   const canonicalBrowseFieldSet = browseFieldSets[0];
   const canonicalBrowseFieldSetName = setNames[0];
-  const canonicalBrowseFieldNames = canonicalBrowseFieldSet.map((abfs) =>
-    abfs.fieldName
-  );
+  const canonicalBrowseFieldNames = canonicalBrowseFieldSet.map((abfs) => {
+    return abfs.fieldName;
+  });
   const fieldSchemaTypes = applicableBrowseFieldSet.map((abfs) => abfs.fieldSchema.type);
-  const buildRangePoint = (startOrEnd) =>
-    applicableBrowseFieldNames.map((bfn, j) =>
-      $p.get(
+  const buildRangePoint = (startOrEnd) => {
+    return applicableBrowseFieldNames.map((bfn, j) => {
+      return $p.get(
         $p.get('work') + '-' + startOrEnd + (browseFieldSetIdx + 1) + '-' + (j + 1),
         true
-      )
-    );
+      );
+    });
+  };
   const starts = buildRangePoint('start');
   const ends = buildRangePoint('end');
@@ -700,7 +705,7 @@ export const resultsDisplayServerOrClient = async function resultsDisplayServerO
         //   through notifications (or however)
         !noIndexedDB
   ) {
-    tableData = await new Promise((resolve, reject) => {
+    tableData = await new Promise((resolve) => {
       // Todo: Fetch the work in code based on the non-localized `datafileName`
       const dbName = this.namespace + '-textbrowser-cache-data';
       const req = indexedDB.open(dbName);
@@ -751,11 +756,11 @@ export const resultsDisplayServerOrClient = async function resultsDisplayServerO
     }
   }
   if (!usingServerData && pluginsForWork) {
-    fieldInfo.forEach(({plugin, placement}, j) => {
+    fieldInfo.forEach(({plugin, placement}) => {
       if (!plugin) {
         return;
       }
-      tableData.forEach((tr, i) => {
+      tableData.forEach((tr) => {
         // Todo: We should pass on other arguments (like `meta` but on `applicableFields`)
         tr.splice(
           placement,

package/resources/templates/languageSelect.js CHANGED Viewed

@@ -19,9 +19,9 @@ export default {
             });
           }
         }
-      }, langs.map(({code}) =>
-        ['option', {value: code}, [languages.getLanguageFromCode(code)]]
-      )]
+      }, langs.map(({code}) => {
+        return ['option', {value: code}, [languages.getLanguageFromCode(code)]];
+      })]
     ], $('#main'));
     if (history.state && typeof history.state === 'object') {
       formDeserialize(document.querySelector('#languageSelectionContainer'), history.state);

package/resources/templates/resultsDisplayServerOrClient.js CHANGED Viewed

@@ -1,4 +1,3 @@
-/* globals console, DOMParser */
 import Templates from './index.js';
 export default {
@@ -34,7 +33,8 @@ export default {
     return `<span class="interlintitle">${val}</span>${colonSpace}`;
   },
   styles ({
-    $p, $pRaw, $pRawEsc, $pEscArbitrary, escapeQuotedCSS, escapeCSS,
+    $p, $pRaw, $pRawEsc, $pEscArbitrary, // escapeQuotedCSS,
+    escapeCSS,
     tableWithFixedHeaderAndFooter, checkedFieldIndexes, hasCaption
   }) {
     const colorEsc = !$p.has('color', true) || $p.get('color', true) === '#'
@@ -141,8 +141,8 @@ div.inner-caption {
 }
 ${escapeCSS($pEscArbitrary('pagecss') || '')}
 ` +
-            checkedFieldIndexes.map((idx, i) =>
-              ($pRaw('header') === 'y'
+            checkedFieldIndexes.map((idx, i) => {
+              return ($pRaw('header') === 'y'
                 ? (tableWithFixedHeaderAndFooter
                   ? `.thead .th:nth-child(${i + 1}) div.th-inner, `
                   : `.thead .th:nth-child(${i + 1}), `)
@@ -156,14 +156,17 @@ ${escapeCSS($pEscArbitrary('pagecss') || '')}
 `{
     ${$pEscArbitrary('css' + (idx + 1))}
 }
-`).join('') +
+`;
+            }).join('') +
-($pEscArbitrary('interlintitle_css') ? `
-/* http://salzerdesign.com/test/fixedTable.html */
-.interlintitle {
-    ${escapeCSS($pEscArbitrary('interlintitle_css'))}
-}
-` : '') +
+($pEscArbitrary('interlintitle_css')
+  ? `
+  /* http://salzerdesign.com/test/fixedTable.html */
+  .interlintitle {
+      ${escapeCSS($pEscArbitrary('interlintitle_css'))}
+  }
+  `
+  : '') +
             (bgcolorEsc
               ? `
 body {
@@ -357,16 +360,18 @@ body {
       }),
       tableWrap([
         addChildren(tableElem, [
-          (caption ? addChildren(captionElem, [
-            caption,
-            tableWithFixedHeaderAndFooter
-              ? ['div', {class: 'zupa1'}, [
-                ['div', {class: 'inner-caption'}, [
-                  ['span', [caption]]
+          (caption
+            ? addChildren(captionElem, [
+              caption,
+              tableWithFixedHeaderAndFooter
+                ? ['div', {class: 'zupa1'}, [
+                  ['div', {class: 'inner-caption'}, [
+                    ['span', [caption]]
+                  ]]
                 ]]
-              ]]
-              : ''
-          ]) : ''),
+                : ''
+            ])
+            : ''),
           /*
                     // Works but quirky, e.g., `color` doesn't work (as also
                     //  confirmed per https://quirksmode.org/css/css2/columns.html)
@@ -376,54 +381,60 @@ body {
                         )
                     ),
                     */
-          ($pRaw('header') !== '0' ? addChildren(theadElem, [
-            addChildren(trElem,
-              checkedFields.map((cf, i) => {
-                const interlinearColIndexes = allInterlinearColIndexes[i];
-                cf = escapeHTML(cf) + (interlinearColIndexes
-                  ? l('comma-space') + interlinearColIndexes.map((idx) =>
-                    localizedFieldNames[idx]
-                  ).join(l('comma-space'))
-                  : ''
-                );
-                return addChildren(thElem, [
-                  cf,
-                  (tableWithFixedHeaderAndFooter
-                    ? ['div', {class: 'zupa1'}, [
-                      ['div', {class: 'th-inner'}, [
-                        ['span', [cf]]
-                      ]]
-                    ]]
+          ($pRaw('header') !== '0'
+            ? addChildren(theadElem, [
+              addChildren(
+                trElem,
+                checkedFields.map((cf, i) => {
+                  const interlinearColIndexes = allInterlinearColIndexes[i];
+                  cf = escapeHTML(cf) + (interlinearColIndexes
+                    ? l('comma-space') + interlinearColIndexes.map((idx) => {
+                      return localizedFieldNames[idx];
+                    }).join(l('comma-space'))
                     : ''
-                  )
-                ]);
-              })
-            )
-          ]) : ''),
-          ($pRaw('footer') && $pRaw('footer') !== '0' ? addChildren(tfootElem, [
-            addChildren(trElem,
-              checkedFields.map((cf, i) => {
-                const interlinearColIndexes = allInterlinearColIndexes[i];
-                cf = escapeHTML(cf) + (interlinearColIndexes
-                  ? l('comma-space') + interlinearColIndexes.map((idx) =>
-                    localizedFieldNames[idx]
-                  ).join(l('comma-space'))
-                  : ''
-                );
-                return addChildren(thElem, [
-                  cf,
-                  (tableWithFixedHeaderAndFooter
-                    ? ['div', {class: 'zupa1'}, [
-                      ['div', {class: 'th-inner'}, [
-                        ['span', [cf]]
+                  );
+                  return addChildren(thElem, [
+                    cf,
+                    (tableWithFixedHeaderAndFooter
+                      ? ['div', {class: 'zupa1'}, [
+                        ['div', {class: 'th-inner'}, [
+                          ['span', [cf]]
+                        ]]
                       ]]
-                    ]]
+                      : ''
+                    )
+                  ]);
+                })
+              )
+            ])
+            : ''),
+          ($pRaw('footer') && $pRaw('footer') !== '0'
+            ? addChildren(tfootElem, [
+              addChildren(
+                trElem,
+                checkedFields.map((cf, i) => {
+                  const interlinearColIndexes = allInterlinearColIndexes[i];
+                  cf = escapeHTML(cf) + (interlinearColIndexes
+                    ? l('comma-space') + interlinearColIndexes.map((idx) => {
+                      return localizedFieldNames[idx];
+                    }).join(l('comma-space'))
                     : ''
-                  )
-                ]);
-              })
-            )
-          ]) : ''),
+                  );
+                  return addChildren(thElem, [
+                    cf,
+                    (tableWithFixedHeaderAndFooter
+                      ? ['div', {class: 'zupa1'}, [
+                        ['div', {class: 'th-inner'}, [
+                          ['span', [cf]]
+                        ]]
+                      ]]
+                      : ''
+                    )
+                  ]);
+                })
+              )
+            ])
+            : ''),
           addChildren(tbodyElem, outArr)
         ])
       ])