react-visualizer 5.0.1 → 5.1.0

package/dist/bin/makeVisualizerPage.js

@@ -3,6 +3,7 @@ const { parseArgs } = require("node:util");
 const makeVisualizerPage = require("../src/makeVisualizerPage");
 const { writeFileSync } = require("node:fs");
 const assert = require("node:assert");
+const fs = require("node:fs");
 let argv = process.argv.slice(2);
 const startIndex = argv.findIndex((arg) => arg === "makeVisualizerPage");
 if (startIndex > -1) {
@@ -15,6 +16,10 @@ const { values: args } = parseArgs({
       type: "boolean",
       short: "h"
     },
+    out: {
+      type: "string",
+      default: "visualizer.html"
+    },
     fallbackVersion: {
       type: "string"
     },
@@ -24,20 +29,39 @@ const { values: args } = parseArgs({
     cdn: {
       type: "string"
     },
-    out: {
+    scriptUrl: {
       type: "string",
-      default: "visualizer.html"
+      multiple: true
     },
     queryType: {
       type: "string",
       default: "query"
+    },
+    config: {
+      type: "string"
     }
   }
 });
-if (args.help) {
+const { help, config, scriptUrl, ...options } = args;
+const scripts = scriptUrl.map((url) => ({
+  url
+}));
+if (help) {
   printHelp();
   process.exit(0);
 }
+let fileConfig = {};
+if (config) {
+  const str = fs.readFileSync(args.config, "utf-8");
+  try {
+    fileConfig = JSON.parse(str);
+  } catch {
+    console.error("Could not parse config file as JSON");
+    process.exit(1);
+  }
+}
+const page = makeVisualizerPage({ scripts, ...fileConfig, ...options });
+writeFileSync(args.out, page, "utf-8");
 function printHelp() {
   console.log(`
 Usage:
@@ -60,6 +84,9 @@ Options:
   --cdn <string>
       CDN base URL for visualizer assets
 
+  --scriptUrl <string>
+      Script source url. You can specify this option multiple times to include multiple URLs.
+
   --out <string>
       Output file path to which to write the html file
       Default: visualizer.html
@@ -69,7 +96,10 @@ Options:
         'query': Uses the regular query string of the URL
         'fragment': Uses the fragment identifier (aka hash) of the URL as query string
       Default: query
+      
+  --config <string>
+      Path to a configuration file.
+      Via the configuration file, you can specify additional options which should be passed to makeVisualizerPage generator.
+      The "out" parameter must always be specified via the command line options.
 `);
 }
-const page = makeVisualizerPage(args);
-writeFileSync(args.out, page, "utf-8");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-visualizer",
-  "version": "5.0.1",
+  "version": "5.1.0",
   "description": "The visualizer in a react component",
   "main": "dist/src/index.js",
   "bin": {
@@ -10,8 +10,9 @@
     "build": "esbuild 'src/*' 'bin/*' --outdir=dist",
     "prettier": "prettier --check .",
     "prettier-write": "prettier --write .",
-    "watch-test": "esbuild test/app.js --bundle --outfile=test/built.js --watch",
-    "prepack": "npm run build"
+    "prepack": "npm run build",
+    "test": "npm run prettier",
+    "watch-test": "esbuild test/app.js --bundle --outfile=test/built.js --watch"
   },
   "repository": {
     "type": "git",