@esri/calcite-components/dist/collection/demos/_assets/head.js

Web Components for Esri's Calcite Design System.

(() => {
  const DEMO_ROOT = "demos";
  const ASSETS_PATH = "demos/_assets";
  const CSS = [`${ASSETS_PATH}/demos.css`, "build/calcite.css"];
  const SCRIPTS = [
    {
      src: "build/calcite.esm.js",
      type: "module"
    },
    {
      src: "build/calcite.js",
      noModule: true
    }
  ];
  // Assume server is running in a development environment if there is a port present in the URL and reload demo pages.
  if (location.port) {
    SCRIPTS.push({
      src: `${ASSETS_PATH}/demoPageReloader.js`
    });
  }
  const ROOT = window.location.pathname.split(DEMO_ROOT).shift();
  function loadCss(url) {
    const link = document.createElement("link");
    link.rel = "stylesheet";
    link.href = ROOT + url;
    document.head.appendChild(link);
  }
  function loadScript(script) {
    const scriptElement = document.createElement("script");
    Object.keys(script).forEach((key) => {
      scriptElement[key] = key === "src" ? ROOT + script[key] : script[key];
    });
    document.head.appendChild(scriptElement);
  }
  CSS.forEach(loadCss);
  SCRIPTS.forEach(loadScript);
})();