@shijiu/jsview 1.9.991 → 2.0.999

package/dom/target_core_revision.mjs

@@ -3,8 +3,8 @@
  */
 
 const TargetRevision = {
-  "CoreRevision": 1021326,
-  "CoreRevisionAndBranch": "1021326",
+  "CoreRevision": 1021328,
+  "CoreRevisionAndBranch": "1021328",
   "JseRevision": "1.0.881",
   "JseUrl":
     "http://cdn.release.qcast.cn/forge_js/master/JsViewES6_js2c_r881.jsv.bf42e49e.js"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shijiu/jsview",
-  "version": "1.9.991",
+  "version": "2.0.999",
   "bin": {
     "jsview-post-build": "./tools/jsview-post-build.js",
     "jsview-post-install": "./tools/jsview-post-install.js"

package/tools/jsview-batch-upgrade.mjs

@@ -3,34 +3,92 @@
 
 import fs from 'fs';
 import path from 'path';
-import url from 'url';
 import {
   askAndAnswer,
   checkNodeVersion,
-  execCommand,
   parseArguments
 } from './jsview-common.mjs';
 
+function main(argv)
+{
+  checkNodeVersion();
+
+  try {
+    const options = getOptions(argv);
+
+    // Stage 1
+    if (options.stages.includes(options.stageAlias)) {
+      upgradeStageAlias(options);
+    }
+
+    // Stage 2
+    if (options.stages.includes(options.stageImportPostfix)) {
+      upgradeStageImportPostfix(options);
+    }
+
+    // Stage 3
+    if (options.stages.includes(options.stageCommonJS)) {
+      upgradeStageCommonJS(options);
+    }
+
+    // Stage 4
+    if (options.stages.includes(options.stageHashHistory)) {
+      upgradeStageHashHistory(options);
+    }
+
+    // Stage 5
+    if (options.stages.includes(options.stagePixels)) {
+      upgradeStagePixel(options);
+    }
+
+    // Stage 6
+    if (options.stages.includes(options.stageAnimation)) {
+      upgradeStageAnimation(options);
+    }
+
+    // Stage 7
+    if (options.stages.includes(options.stageAudiotrack)) {
+      upgradeStageAudiotrack(options);
+    }
+
+    // Stage 8
+    if (options.stages.includes(options.stageAppConfig)) {
+      upgradeStageAppConfig(options);
+    }
+
+    // Stage 9
+    if (options.stages.includes(options.stageMainEntry)) {
+      upgradeStageMainEntry(options);
+    }
+  } catch (ex) {
+    console.error('JsView Error: Failed to update jsview source!');
+    console.error(ex);
+    process.exit(1);
+  }
+
+  console.error('JsView Info: Done!');
+}
+
 function getOptions(argv)
 {
   const options = {
-    stagePixels: '1',
-    stageAnimation: '2',
-    stageHashHistory: '3',
-    stageAudiotrack: '4',
-    stageImportPostfix: '5',
-    stageAppConfig: '6',
-    stageMainEntry: '7',
+    stageAlias: '1',
+    stageImportPostfix: '2',
+    stageCommonJS: '3',
+    stageHashHistory: '4',
+    stagePixels: '5',
+    stageAnimation: '6',
+    stageAudiotrack: '7',
+    stageAppConfig: '8',
+    stageMainEntry: '9',
   };
 
-  const scriptPath = path.resolve(process.cwd(), process.argv[1]);
-  options.rootDir = scriptPath.replaceAll(/node_modules\/@shijiu\/jsview.*/g, '');
-  options.rootDir = options.rootDir.replaceAll(/node_modules\\@shijiu\\jsview.*/g, ''); // for windows
+  options.projectDir = process.cwd();
 
   options.stages = argv.stages?.split(',') ?? [];
 
-  const defaultUpgradeDir = path.resolve(options.rootDir, 'src');
-  options.upgradeDir = path.resolve(process.cwd(), argv.dir ?? defaultUpgradeDir);
+  const defaultUpgradeDir = 'src';
+  options.upgradeDir = path.resolve(options.projectDir, argv.dir ?? defaultUpgradeDir);
   if (fs.existsSync(options.upgradeDir) == false) {
     console.error('JsView Error: Upgrade dir [' + options.upgradeDir + '] is not exists.');
     process.exit(1);
@@ -38,9 +96,9 @@ function getOptions(argv)
 
   console.info();
   console.info('Upgrade JsView source: ');
-  console.info('  Project folder: ' + options.rootDir);
+  console.info('  Project folder: ' + options.projectDir);
   console.info('=====================================');
-  console.info('  Upgrade folder: ' + path.relative(options.rootDir, options.upgradeDir));
+  console.info('  Upgrade folder: ' + path.relative(options.projectDir, options.upgradeDir));
   console.info('  Stages:         [ ' + options.stages.join(', ') + ' ]');
   console.info('=====================================');
 
@@ -57,115 +115,115 @@ function getOptions(argv)
   return options;
 }
 
-function getFilesRecursive(dirPath) {
-  const ignoreFileList = [
-    '.git',
-    '.gitignore',
-    'node_modules',
-    'package.json',
-    'package-lock.json'
-  ];
-  const fileExtList = [
-    '!.d.ts',
-    '!.min.js',
-    '.css',
-    '.js',
-    '.json',
-    '.mjs',
-    '.ts',
-    '.tsx',
-    '.vue',
-  ];
+function upgradeStageAlias(options)
+{
+  const msgPrefix = 'Stage ' + options.stageAlias;
+  console.info(msgPrefix + ': upgrading alias @ => /src ...');
 
-  let filePathList = [];
+  const amendImportAlias = function(content) {
+    if (isImportSyntax(content) == false) {
+      return content;
+    }
 
-  const fileNameList = fs.readdirSync(dirPath);
-  for (const fileName of fileNameList) {
-    if (ignoreFileList.includes(fileName)) {
-      continue;
+    let filePath = getImportFilePath(content);
+    if (!filePath || filePath.startsWith('@') == false) {
+      return content;
     }
 
-    const filePath = path.join(dirPath, fileName);
-    if (fs.statSync(filePath).isDirectory()) {
-      const subFilePathList = getFilesRecursive(filePath);
-      filePathList = [...filePathList, ...subFilePathList];
-    } else {
-      let needUpgrade = false;
-      for (let fileExtName of fileExtList) {
-        if (fileExtName.startsWith('!')) { // 强制忽略该文件
-          fileExtName = fileExtName.substring(1);
-          if (filePath.endsWith(fileExtName)) {
-            break;
-          }
-        } else {
-          if (filePath.endsWith(fileExtName)) {
-            needUpgrade = true;
-            break;
-          }
-        }
-      }
-      if (needUpgrade == false) {
-        continue;
-      }
+    let fixedFilePath = filePath.replace(/^@/, '/src');
+    const fixedContent = content.replace(filePath, fixedFilePath);
 
-      const fileExtName = path.extname(filePath);
-      if (fileExtList.includes(fileExtName) == false) {
-        continue;
-      } else if (fileExtList.includes('!' + fileExtName)) {
-        continue;
-      }
-      filePathList.push(filePath);
-    }
+    return fixedContent;
   }
 
-  return filePathList;
+  processSourceLineByLine(options, options.sourcePathList, msgPrefix, amendImportAlias);
+
+  return;
 }
 
-function replaceStageContent(options, sourcePathList, msgPrefix,
-                             repleceRegExp, replaceto) {
-  for (const filePath of sourcePathList) {
-    const content = fs.readFileSync(filePath, 'utf8');
+function upgradeStageImportPostfix(options)
+{
+  const msgPrefix = 'Stage ' + options.stageImportPostfix;
+  console.info(msgPrefix + ': upgrading import postfix...');
 
-    const fixedContent = content.replaceAll(repleceRegExp, replaceto);
-    if (fixedContent === content) {
-      continue;
+  const amendImportPostfix = function (content, sourceDir) {
+    if (isImportSyntax(content) == false) {
+      return content;
     }
 
-    fs.writeFileSync(filePath, fixedContent, 'utf8');
-    console.info(msgPrefix + ': Upgraded ' + path.relative(options.rootDir, filePath));
+    let filePath = getImportFilePath(content);
+    if (!filePath) {
+      return content;
+    }
+
+    let fixedFilePath = null;
+    if (filePath.startsWith('/')) {
+      fixedFilePath = path.resolve(options.projectDir, filePath.replace('/', ''));
+    } else if (filePath.startsWith('@')) {
+      fixedFilePath = path.resolve(options.projectDir, 'src', filePath.replace('@/', ''));
+    } else {
+      fixedFilePath = path.resolve(sourceDir, filePath);
+    }
+
+    // 执行到此处，则需要给给import的文件加上尾缀。
+    // 当同时存在.js和.vue时，.js优先。
+    let fixedContent = content;
+    if (fs.existsSync(fixedFilePath + '.js')) {
+      fixedContent = content.replace(filePath, filePath + '.js');
+    } else if (fs.existsSync(fixedFilePath + '/index.js')) {
+      fixedContent = content.replace(filePath, filePath + '/index.js');
+    } else if (fs.existsSync(fixedFilePath + '.vue')) {
+      fixedContent = content.replace(filePath, filePath + '.vue');
+    } else if (fs.existsSync(fixedFilePath + '/index.vue')) {
+      fixedContent = content.replace(filePath, filePath + '/index.vue');
+    }
+
+    return fixedContent;
   }
 
+  processSourceLineByLine(options, options.sourcePathList, msgPrefix, amendImportPostfix);
+
   return;
 }
 
-function removeStageFile(options, sourcePathList, msgPrefix,
-                         fromExtNameList, toExtName)
+function upgradeStageCommonJS(options)
 {
-  for (const filePath of sourcePathList) {
-    let fromExtName = null;
-    for (const extName of fromExtNameList) {
-      if (filePath.endsWith(extName)) {
-        fromExtName = extName;
-        break;
-      }
-    }
-    if (fromExtName == null) {
-      continue;
-    }
+  const msgPrefix = 'Stage ' + options.stageCommonJS;
+  console.info(msgPrefix + ': upgrading commonjs ...');
 
-    const toFilePath = filePath.replace(new RegExp(fromExtName + '$'), toExtName);
-    fs.renameSync(filePath, toFilePath)
+  const amendCommonJS = function(content) {
+    let fixedContent = content;
 
-    // json => mjs
-    if (fromExtName == '.json') {
-      const content = fs.readFileSync(toFilePath, 'utf8');
-      const fixedContent = 'export default ' + content;
-      fs.writeFileSync(toFilePath, fixedContent, 'utf8');
+    if (content.includes('module.exports')) {
+      let replaceTo = 'export default';
+      if (content.includes('{')) {
+        replaceTo = 'export ';
+      }
+      fixedContent = content.replace(/module.exports.*=/, replaceTo);
+    } else if (content.match(/=.*require.*\(.*\)/)) {
+      let name = content.replace(/(.*)=.*require.*/, '$1').trim();
+      name = name.replace(/.* /, '');
+      const filePath = content.replace(/.*=.*require.*\((.*)\)/, '$1').trim();
+
+      fixedContent = `import ${name} from ${filePath}`
     }
 
-    console.info(msgPrefix + ': Upgraded ' + path.relative(options.rootDir, filePath));
+    return fixedContent;
   }
 
+  processSourceLineByLine(options, options.sourcePathList, msgPrefix, amendCommonJS);
+
+  return;
+}
+
+function upgradeStageHashHistory(options)
+{
+  const msgPrefix = 'Stage ' + options.stageHashHistory;
+  console.info(msgPrefix + ': Upgrading hash history...');
+
+  replaceStageContent(options, options.sourcePathList, msgPrefix,
+                      'createJsvHashHistory', 'jsvCreateHashHistory');
+
   return;
 }
 
@@ -230,17 +288,6 @@ function upgradeStageAnimation(options)
   return ret;
 }
 
-function upgradeStageHashHistory(options)
-{
-  const msgPrefix = 'Stage ' + options.stageHashHistory;
-  console.info(msgPrefix + ': Upgrading hash history...');
-
-  replaceStageContent(options, options.sourcePathList, msgPrefix,
-                      'createJsvHashHistory', 'jsvCreateHashHistory');
-
-  return;
-}
-
 function upgradeStageAudiotrack(options)
 {
   const msgPrefix = 'Stage ' + options.stageAudiotrack;
@@ -252,66 +299,6 @@ function upgradeStageAudiotrack(options)
   return;
 }
 
-function upgradeStageImportPostfix(options)
-{
-  const msgPrefix = 'Stage ' + options.stageImportPostfix;
-  console.info(msgPrefix + ': upgrading import postfix...');
-
-  const amendImportPostfix = function(currentDir, content) {
-    if (content.trim().startsWith('import') == false) {
-      return content;
-    }
-
-    let importFromFile = content.replaceAll(/.*'(.*)'.*/g, '$1');
-    if (importFromFile === content) {
-      importFromFile = content.replaceAll(/.*"\(\)".*/g, "$1");
-    }
-    if (importFromFile === content) {
-      return content;
-    }
-
-    let fixedContent = content;
-
-    let importFilePath = null;
-    if (importFromFile.startsWith('@')) {
-      importFilePath = path.resolve(options.rootDir, 'src', importFromFile.replace('@/', ''));
-    } else {
-      importFilePath = path.resolve(currentDir, importFromFile);
-    }
-    if (fs.existsSync(importFilePath + '.js')) {
-      // 执行到此处，则需要给给import的文件加上js尾缀。当同时存在.js和.vue时，.js优先。
-      fixedContent = content.replace(importFromFile, importFromFile + '.js');
-    } else if (fs.existsSync(importFilePath + '.vue')) {
-      // 执行到此处，则需要给给import的文件加上vue尾缀。
-      fixedContent = content.replace(importFromFile, importFromFile + '.vue');
-    }
-
-    return fixedContent;
-  }
-
-  for (const filePath of options.sourcePathList) {
-    const currentDir = path.dirname(filePath);
-    const content = fs.readFileSync(filePath, 'utf8');
-
-    const lineContentList = content.split('\n');
-    for (let idx = 0; idx < lineContentList.length; idx++) {
-      let lineContent = lineContentList[idx];
-      lineContent = amendImportPostfix(currentDir, lineContent);
-      lineContentList[idx] = lineContent;
-    }
-
-    const fixedContent = lineContentList.join('\n');
-    if (fixedContent == content) {
-      continue;
-    }
-
-    fs.writeFileSync(filePath, fixedContent, 'utf8');
-    console.info(msgPrefix + ': Upgraded ' + path.relative(options.rootDir, filePath));
-  }
-
-  return;
-}
-
 function upgradeStageAppConfig(options)
 {
   const msgPrefix = 'Stage ' + options.stageAppConfig;
@@ -358,65 +345,205 @@ function upgradeStageMainEntry(options)
   return;
 }
 
-function main(argv)
-{
-  checkNodeVersion();
+function getFilesRecursive(dirPath) {
+  const ignoreFileList = [
+    '.git',
+    '.gitignore',
+    'node_modules',
+    'package.json',
+    'package-lock.json'
+  ];
+  const fileExtList = [
+    '!.d.ts',
+    '!.min.js',
+    '.css',
+    '.js',
+    '.json',
+    '.mjs',
+    '.ts',
+    '.tsx',
+    '.vue',
+  ];
 
-  try {
-    const options = getOptions(argv);
+  let filePathList = [];
 
-    // Stage 1
-    if (options.stages.includes(options.stagePixels)) {
-      upgradeStagePixel(options);
+  const fileNameList = fs.readdirSync(dirPath);
+  for (const fileName of fileNameList) {
+    if (ignoreFileList.includes(fileName)) {
+      continue;
     }
 
-    // Stage 2
-    if (options.stages.includes(options.stageAnimation)) {
-      upgradeStageAnimation(options);
+    const filePath = path.join(dirPath, fileName);
+    if (fs.statSync(filePath).isDirectory()) {
+      const subFilePathList = getFilesRecursive(filePath);
+      filePathList = [...filePathList, ...subFilePathList];
+    } else {
+      let needUpgrade = false;
+      for (let fileExtName of fileExtList) {
+        if (fileExtName.startsWith('!')) { // 强制忽略该文件
+          fileExtName = fileExtName.substring(1);
+          if (filePath.endsWith(fileExtName)) {
+            break;
+          }
+        } else {
+          if (filePath.endsWith(fileExtName)) {
+            needUpgrade = true;
+            break;
+          }
+        }
+      }
+      if (needUpgrade == false) {
+        continue;
+      }
+
+      const fileExtName = path.extname(filePath);
+      if (fileExtList.includes(fileExtName) == false) {
+        continue;
+      } else if (fileExtList.includes('!' + fileExtName)) {
+        continue;
+      }
+      filePathList.push(filePath);
     }
+  }
 
-    // Stage 3
-    if (options.stages.includes(options.stageHashHistory)) {
-      upgradeStageHashHistory(options);
+  return filePathList;
+}
+
+function replaceStageContent(options, sourcePathList, msgPrefix,
+                             repleceRegExp, replaceto) {
+  for (const filePath of sourcePathList) {
+    const content = fs.readFileSync(filePath, 'utf8');
+
+    const fixedContent = content.replaceAll(repleceRegExp, replaceto);
+    if (fixedContent === content) {
+      continue;
     }
 
-    // Stage 4
-    if (options.stages.includes(options.stageAudiotrack)) {
-      upgradeStageAudiotrack(options);
+    fs.writeFileSync(filePath, fixedContent, 'utf8');
+    console.info(msgPrefix + ': Upgraded ' + path.relative(options.projectDir, filePath));
+  }
+
+  return;
+}
+
+function removeStageFile(options, sourcePathList, msgPrefix,
+                         fromExtNameList, toExtName)
+{
+  for (const filePath of sourcePathList) {
+    let fromExtName = null;
+    for (const extName of fromExtNameList) {
+      if (filePath.endsWith(extName)) {
+        fromExtName = extName;
+        break;
+      }
+    }
+    if (fromExtName == null) {
+      continue;
     }
 
-    // Stage 5
-    if (options.stages.includes(options.stageImportPostfix)) {
-      upgradeStageImportPostfix(options);
+    const toFilePath = filePath.replace(new RegExp(fromExtName + '$'), toExtName);
+    fs.renameSync(filePath, toFilePath)
+
+    // json => mjs
+    if (fromExtName == '.json') {
+      const content = fs.readFileSync(toFilePath, 'utf8');
+      const fixedContent = 'export default ' + content;
+      fs.writeFileSync(toFilePath, fixedContent, 'utf8');
     }
 
-    // Stage 6
-    if (options.stages.includes(options.stageAppConfig)) {
-      upgradeStageAppConfig(options);
+    console.info(msgPrefix + ': Upgraded ' + path.relative(options.projectDir, filePath));
+  }
+
+  return;
+}
+
+function getImportFilePath(content)
+{
+  if (isImportSyntax(content) == false) {
+    return content;
+  }
+
+  let filePath = content.replace(/import .* from/, ''); // import xxx from 'xxx.js'; => 'xxx.js';
+  filePath = filePath.replace(/.*import.*\((.*)\)/, '$1'); // xxx = import ('xxx.js'); => 'xxx.js';
+  filePath = filePath.replace(/import /, ''); // import 'xxx.js'; => 'xxx.js';
+  filePath = filePath.replaceAll('{', ''); // import { => ''
+  filePath = filePath.replaceAll(';', '');
+  filePath = filePath.replaceAll(',', '');
+  filePath = filePath.replaceAll('"', '');
+  filePath = filePath.replaceAll('\'', '');
+  filePath = filePath.trim();
+
+  return filePath;
+}
+
+function isImportSyntax(content)
+{
+  if (content.trim().match(/^import|import.*\(.*\)/)) { // import，和import()
+    return true;
+  }
+
+  return false;
+}
+
+function processSourceLineByLine(options, sourcePathList, msgPrefix, processor)
+{
+  for (const filePath of sourcePathList) {
+    const sourceDir = path.dirname(filePath);
+    const content = fs.readFileSync(filePath, 'utf8');
+
+    const lineContentList = content.split('\n');
+    for (let idx = 0; idx < lineContentList.length; idx++) {
+      let lineContent = lineContentList[idx];
+      lineContent = processor(lineContent, sourceDir);
+      lineContentList[idx] = lineContent;
     }
 
-    // Stage 7
-    if (options.stages.includes(options.stageMainEntry)) {
-      upgradeStageMainEntry(options);
+    const fixedContent = lineContentList.join('\n');
+    if (fixedContent == content) {
+      continue;
     }
-  } catch (ex) {
-    console.error('JsView Error: Failed to update jsview source!');
-    console.error(ex);
-    process.exit(1);
-  }
 
-  console.error('JsView Info: Done!');
+    fs.writeFileSync(filePath, fixedContent, 'utf8');
+    console.info(msgPrefix + ': Upgraded ' + path.relative(options.projectDir, filePath));
+  }
 }
 
+
 const requiredUsages = {
   '--stages': `Upgrade stages, separate by comma(,). The value means the following:
-                            1. Fix pixels.          "[0-9]px => [0-9]", "delete (+ \`px\`),(+ 'px'),(+ "px")"
-                            2. Fix animation.       ":onAnimationEnd => @animationend"
-                            3. Fix hash history.    "createJsvHashHistory => jsvCreateHashHistory"
-                            4. Fix audiotrack.      "<audiotrack => <jsv-audiotrack"
-                            5. Fix import postfix.  "import xxx from 'xxx' => import xxx from 'xxx.vue'"
-                            6. Fix appConfig.       "xxx.config.js => xxx.config.mjs"
-                            7. Fix main.ts.         "main.ts => main.tsx"`,
+
+                            1. Fix alias: @.         * import App from '@/App'
+                                                          => import App from '/src/App'
+
+                            2. Fix import postfix.   * import somemodule from 'somemodule'
+                                                          => import somemodule from 'somemodule[.js|.vue|/index.js|/index.vue]',
+                                                     * import('somemodule')
+                                                          => import('somemodule[.js|.vue|/index.js|/index.vue]')
+
+                            3. Fix commonjs.         * const somemodule = require('somemodule')
+                                                          => import somemodule from 'somemodule',
+                                                     * module.exports = somemodule
+                                                          => export default somemodule
+                                                     * module.exports = {}
+                                                          => export {}
+
+                            4. Fix hash history.     * createJsvHashHistory
+                                                          => jsvCreateHashHistory
+
+                            5. Fix pixels.           * [0-9]px
+                                                          => [0-9], delete (+ \`px\`),(+ 'px'),(+ "px")
+
+                            6. Fix animation.        * :onAnimationEnd
+                                                          => @animationend
+
+                            7. Fix audiotrack.       * <audiotrack
+                                                          => <jsv-audiotrack
+
+                            8. Fix appConfig.        * xxx.config.js
+                                                          => xxx.config.mjs
+
+                            9. Fix main.ts.          * main.ts
+                                                          => main.tsx`,
 };
 const optionalUsages = {
   '--dir': 'Upgrade directory, default is [src].',

package/tools/jsview-common.mjs

@@ -211,6 +211,7 @@ function getOptions(framework)
   options.appConfigDir = path.resolve(options.projectDir, 'src', 'appConfig');
 
   options.distDir = path.resolve(options.projectDir, 'dist');
+  options.distJsvListFile = path.resolve(options.distDir, 'jsv-list.json');
   options.distJsDir = path.resolve(options.distDir, 'js');
   options.distDebugDir = path.resolve(options.distDir, 'debug');
   options.distDebugMapDir = path.resolve(options.distDebugDir, 'map');

package/tools/jsview-post-build.mjs

@@ -217,6 +217,41 @@ function makeDebugMap(options, framework)
   fs.copyFileSync(jsmapServePath, to);
 }
 
+function makeJsvList(options)
+{
+  let jsvList = makeFileListRecusive(options.distDir);
+
+  for (let idx = 0; idx < jsvList.length; idx++) {
+    jsvList[idx] = path.relative(options.distDir, jsvList[idx]);
+  }
+
+  const content = JSON.stringify(jsvList, null, 2);
+  fs.writeFileSync(options.distJsvListFile, content, 'utf8');
+}
+
+function makeFileListRecusive(dir)
+{
+  let fileList = [];
+
+  const fileNameArray = fs.readdirSync(dir);
+  for(const fileName of fileNameArray) {
+    if (fileName.endsWith('debug')) {
+      continue;
+    }
+
+    const filePath = path.resolve(dir, fileName);
+    const stat = fs.statSync(filePath);
+    if (stat.isDirectory()) {
+      const subFileList = makeFileListRecusive(filePath);
+      fileList = [...fileList, ...subFileList];
+    } else {
+      fileList.push(filePath);
+    }
+  }
+
+  return fileList;
+}
+
 async function main(argv)
 {
   checkNodeVersion();
@@ -250,6 +285,10 @@ async function main(argv)
   console.info('Making JsView Debug map...');
   makeDebugMap(options, argv.framework);
   console.info('Made JsView Debug map.');
+
+  console.info('Making JsView list...');
+  makeJsvList(options);
+  console.info('Made JsView list...');
 }
 
 const requiredUsages = {