ifc-cli.config.js

module.exports = function (frameRouter, workerPool) {
  let hostname = window.location.hostname;
  let hostRootUrl =
    window.location.origin + window.location.pathname + window.location.search;

  workerPool.workerConfig = {
    clients: {
      app1Worker: {
        script: "clients/dist/client-worker.js", // The worker script
        // Optional app data to allow the worker to generate URLs for an associated app
        // via client APIs like `urlFromClientPath`
        app: {
          url: `/clients/client-app-1/#/`,
          assignedRoute: "/app1",
        },
      },
      app2Worker: {
        script: "clients/dist/client-worker.js",
        app: {
          url: `/clients/client-app-2/#/`,
          assignedRoute: "/app2",
        },
      },
    },
    envData: {
      locale: "en-US",
      hostRootUrl: hostRootUrl,
      // Optional custom data
      custom: {},
    },
  };

  frameRouter.clientConfig = {
    clients: {
      application1: {
        url: `/clients/client-app-1/#/`,
        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: `/clients/client-app-2/#/`,
        assignedRoute: "/app2",
        allow: "camera self;", // optional
        sandbox: "allow-presentation allow-modals", // optional
        defaultTitle: "iframe Application 2 Example", // optional, but needed for accessibility
      },
      application3: {
        // 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: `/clients/client-app-2/#/`,
        assignedRoute: "/app2/test",
        allow: "camera self;", // optional
        sandbox: "allow-presentation allow-modals", // optional
        defaultTitle: "iframe Application 2 Example", // optional, but needed for accessibility
      },
    },
    envData: {
      locale: "en-US",
      hostRootUrl: hostRootUrl,
      registeredKeys: [
        { key: "a", ctrlKey: true },
        { key: "b", altKey: true },
        { key: "a", ctrlKey: true, shiftKey: true },
      ],
      custom: getCustomClientData(),
    },
  };

  return {
    // These are the topics that the host app should display payloads for when
    // the client publishes on them.
    publishTopics: ["publish.topic"],
  };
};

function getCustomClientData() {
  return { test: "This is only a test" };
}