iframe-coordinator-cli 5.5.3 → 5.5.8

package/example-ifc.config.js

@@ -1,40 +1,40 @@
-module.exports = function(frameRouter) {
+module.exports = function (frameRouter) {
   let hostname = window.location.hostname;
 
   frameRouter.clientConfig = {
     clients: {
       application1: {
         url: `http://${hostname}:8080/client-app-1/#/`,
-        assignedRoute: '/app1'
+        assignedRoute: "/app1",
       },
       application2: {
         // We are removing the built-in proxy route example for now, as there are conflicts with vite and
         // we will be adding improvements to the proxy behavior in the near future
         url: `http://${hostname}:8080/client-app-2/#/`,
-        assignedRoute: '/app2',
-        allow: 'camera http://localhost:8080;', // optional
-        sandbox: 'allow-presentation allow-modals', // optional
-        defaultTitle: 'iframe Application 2 Example' // optional, but needed for accessibility
-      }
+        assignedRoute: "/app2",
+        allow: "camera http://localhost:8080;", // optional
+        sandbox: "allow-presentation allow-modals", // optional
+        defaultTitle: "iframe Application 2 Example", // optional, but needed for accessibility
+      },
     },
     envData: {
-      locale: 'en-US',
-      hostRootUrl: window.location.origin + '/#/',
+      locale: "en-US",
+      hostRootUrl: window.location.origin + "/#/",
       registeredKeys: [
-        { key: 'a', ctrlKey: true },
-        { key: 'b', altKey: true },
-        { key: 'a', ctrlKey: true, shiftKey: true }
+        { key: "a", ctrlKey: true },
+        { key: "b", altKey: true },
+        { key: "a", ctrlKey: true, shiftKey: true },
       ],
-      custom: getCustomClientData()
-    }
+      custom: getCustomClientData(),
+    },
   };
   return {
     // These are the topics that the host app should display payloads for when
     // the client publishes on them.
-    publishTopics: ['publish.topic']
+    publishTopics: ["publish.topic"],
   };
 };
 
 function getCustomClientData() {
-  return { test: 'This is only a test' };
+  return { test: "This is only a test" };
 }

package/ifc-cli.js

@@ -1,17 +1,17 @@
 #!/usr/bin/env node
 
-const commander = require('commander');
-const program = new commander.Command();
-const fs = require('fs');
-const path = require('path');
-const findRoot = require('find-root');
-const express = require('express');
-const cheerio = require('cheerio');
-const https = require('https');
-const devCertAuthority = require('dev-cert-authority');
-const { createProxyMiddleware } = require('http-proxy-middleware');
-
-const appPath = path.join(__dirname, './dist/');
+const { Command } = require("commander");
+const program = new Command();
+const fs = require("fs");
+const path = require("path");
+const findRoot = require("find-root");
+const express = require("express");
+const cheerio = require("cheerio");
+const https = require("https");
+const devCertAuthority = require("dev-cert-authority");
+const { createProxyMiddleware } = require("http-proxy-middleware");
+
+const appPath = path.join(__dirname, "./dist/");
 
 main();
 
@@ -23,17 +23,17 @@ function main() {
   app = express();
   app.use(/^\/$/, serveIndex(indexContent));
   app.use(
-    '/proxy',
+    "/proxy",
     createProxyMiddleware({
       router: extractTargetHost,
       pathRewrite: rewritePath,
       onError: (err, req, res) => {
-        console.log('ERROR', err);
-        res.writeHead(500, { 'Content-Type': 'text/plain' });
+        console.log("ERROR", err);
+        res.writeHead(500, { "Content-Type": "text/plain" });
         res.end(err.message);
       },
-      target: `http://localhost:${opts.port}` //Required by middleware, but should be always overriden by the previous options
-    })
+      target: `http://localhost:${opts.port}`, //Required by middleware, but should be always overriden by the previous options
+    }),
   );
   app.use(express.static(appPath));
 
@@ -45,7 +45,7 @@ function main() {
   }
 
   const localhostUrl =
-    (opts.ssl ? 'https' : 'http') + '://localhost:' + opts.port + '/';
+    (opts.ssl ? "https" : "http") + "://localhost:" + opts.port + "/";
   console.log(`Listening on port ${opts.port}...`);
   console.log(`Visit host app at: ${localhostUrl}`);
 }
@@ -54,33 +54,35 @@ function main() {
 
 function parseProgramOptions() {
   const projRoot = findRoot(process.cwd());
-  const defaultJsConfig = path.join(projRoot, 'ifc-cli.config.js');
+  const defaultJsConfig = path.join(projRoot, "ifc-cli.config.js");
 
   program
     .option(
-      '-f, --config-file <file>',
-      'iframe client configuration file',
-      defaultJsConfig
+      "-f, --config-file <file>",
+      "iframe client configuration file",
+      defaultJsConfig,
     )
-    .option('-p, --port <port_num>', 'port number to host on', 3000)
-    .option('-s, --ssl', 'serve over https')
-    .option('--ssl-cert <cert_path>', 'certificate file to use for https')
-    .option('--ssl-key <key_path>', 'key file to use for https');
-  program.on('--help', showHelpText);
+    .option("-p, --port <port_num>", "port number to host on", 3000)
+    .option("-s, --ssl", "serve over https")
+    .option("--ssl-cert <cert_path>", "certificate file to use for https")
+    .option("--ssl-key <key_path>", "key file to use for https");
+  program.on("--help", showHelpText);
 
   program.parse(process.argv);
 
+  const options = program.opts();
+
   return {
-    clientConfigFile: findConfigFile(program.configFile),
-    port: program.port,
-    ssl: program.ssl,
-    sslCert: program.sslCert,
-    sslKey: program.sslKey
+    clientConfigFile: findConfigFile(options.configFile),
+    port: options.port,
+    ssl: options.ssl,
+    sslCert: options.sslCert,
+    sslKey: options.sslKey,
   };
 }
 
 function showHelpText() {
-  const configExample = path.join(__dirname, 'example-ifc.config.js');
+  const configExample = path.join(__dirname, "example-ifc.config.js");
   console.log(`
   This program will start a server for a basic iframe-coordinator host app. In
   order to configure the frame-router element and any other custom logic needed
@@ -90,10 +92,10 @@ function showHelpText() {
   object with the following fields:
 
   - publishTopics: A list of messaging topics the client publishes on
-  
+
   Keep in mind that the config file is not a true commonJS module, and
   will be evaluated directly inside the browser in an immediately invoked
-  function expression. 
+  function expression.
 
   Here is an example config file:
   `);
@@ -101,17 +103,17 @@ function showHelpText() {
 }
 
 function serveIndex(indexContent) {
-  return function(req, res) {
+  return function (req, res) {
     res.send(indexContent);
   };
 }
 
 function generateIndex(appPath, clientConfigFile) {
   const baseIndex = fs
-    .readFileSync(path.join(appPath, 'index.html'))
+    .readFileSync(path.join(appPath, "index.html"))
     .toString();
   const $ = cheerio.load(baseIndex);
-  $('head').append(configScript(clientConfigFile));
+  $("head").append(configScript(clientConfigFile));
   return $.html();
 }
 
@@ -142,12 +144,12 @@ function findConfigFile(cliPath) {
 
 function getSslOpts(certPath, keyPath) {
   if (!certPath || !keyPath) {
-    return devCertAuthority('localhost');
+    return devCertAuthority("localhost");
   }
   if (fs.existsSync(certPath) && fs.existsSync(keyPath)) {
     return {
       cert: fs.readFileSync(certPath),
-      key: fs.readFileSync(keyPath)
+      key: fs.readFileSync(keyPath),
     };
   } else {
     console.log(`Certificate files not found @ ${certPath}, and ${keyPath}`);
@@ -158,8 +160,8 @@ function getSslOpts(certPath, keyPath) {
 // Make sure a path isn't interpreted as a module when required.
 function relativizePath(inPath) {
   let outPath = path.relative(process.cwd(), inPath);
-  if (!outPath.startsWith('.')) {
-    outPath = './' + outPath;
+  if (!outPath.startsWith(".")) {
+    outPath = "./" + outPath;
   }
   return outPath;
 }
@@ -173,7 +175,7 @@ function rewritePath(path) {
 }
 
 function extractProxyUrl(path) {
-  const proxyPath = path.replace(/^\/proxy\//, '');
+  const proxyPath = path.replace(/^\/proxy\//, "");
   let newUrl;
   try {
     newUrl = new URL(decodeURIComponent(proxyPath));

package/package.json

@@ -1,27 +1,29 @@
 {
   "name": "iframe-coordinator-cli",
-  "version": "5.5.3",
+  "version": "5.5.8",
   "description": "CLI for local iframe-coordinator development",
   "dependencies": {
     "cheerio": "^1.0.0-rc.10",
-    "commander": "^2.20.3",
+    "commander": "^11.1.0",
     "custom-event-polyfill": "^1.0.7",
     "dev-cert-authority": "^1.1.1",
-    "express": "^4.17.3",
+    "express": "^4.18.2",
     "find-root": "^1.1.0",
-    "http-proxy-middleware": "^1.3.1",
-    "iframe-coordinator": "file:../iframe-coordinator",
-    "vue": "^2.7.10",
-    "vue-class-component": "^7.0.2",
-    "vue-notification": "^1.3.16",
-    "vue-property-decorator": "^8.1.0",
-    "vue-router": "^3.0.3",
-    "vuex": "^3.0.1"
+    "http-proxy-middleware": "^2.0.6",
+    "iframe-coordinator": "5.5.8",
+    "vue": "^2.7.16",
+    "vue-class-component": "^7.2.6",
+    "vue-notification": "^1.3.20",
+    "vue-property-decorator": "^8.5.1",
+    "vue-router": "^3.6.5",
+    "vuex": "^3.6.2"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue2": "^2.0.0",
-    "typescript": "^4.8.3",
-    "vite": "^3.1.3"
+    "@vitejs/plugin-vue2": "^2.3.1",
+    "jsdom": "^23.2.0",
+    "karma-jsdom-launcher": "^16.0.0",
+    "typescript": "^4.9.5",
+    "vite": "^5.0.11"
   },
   "files": [
     "dist",