build-haxcms.js

// overload how define works so that we can prevent bricking issues
// when classes get loaded from multiple sources with the same name space
// this is a copy of the dedup-fix.js script we use in local testing / es5 routines
const _customElementsDefine = window.customElements.define;
window.customElements.define = (name, cl, conf) => {
  if (!customElements.get(name)) {
    _customElementsDefine.call(window.customElements, name, cl, conf);
  } else {
    console.warn(`${name} has been defined twice`);
  }
};
// HAXcms specific clean up and platforn integration
// this ties in custom theme files as well as removes DOM nodes related
// to serving a legacy audience in the event this is evergreen (most times)
if (/^h/.test(document.location)) {
  try {
    var scriptDef = document.getElementsByTagName('script')[0];
    // if a dynamic import fails, we bail over to the compiled version
    new Function('import("");');
    // remove fallback cause if we passed dynamic import then we are evergreen
    if (document.getElementById("haxcmsoutdatedfallback")) {
      document.body.removeChild(document.getElementById("haxcmsoutdatedfallback"));
    }
    if (!window.__appCustomEnv) {
        var build2 = document.createElement('script');
        build2.src = './custom/build/custom.es6.js';
        build2.type = 'module';
        scriptDef.parentNode.insertBefore(build2, scriptDef);
    }
  } catch (err) {
    var ancient=false;
    try {
      if (typeof Symbol == "undefined") { // IE 11, at least try to serve a watered down site
        ancient = true;
      }
      new Function('let a;'); // bizarre but needed for Safari 9 bc of when it was made
    }
    catch (err) {
      ancient = true;
    }
    if (!ancient) {
      // remove fallback cause if we passed dynamic import then we are evergreen
      if (document.getElementById("haxcmsoutdatedfallback")) {
        document.body.removeChild(document.getElementById("haxcmsoutdatedfallback"));
      }
    }
    else {
      // we bombed somewhere above, this implies that it's some odd between version
      // most likely Safari 9ish, IE pre 11 and anything uber old. Serve no JS variation
      if (document.getElementById('site')) {
        document.getElementById('site').style.display = 'none';
        document.getElementById('haxcmsoutdatedfallbacksuperold').style.display = 'block';
      }
    }
  }
} else {
  // this implies we are offline, viewing the files locally
  // so let's show the simplistic site viewer / iframe theme
  if (document.getElementById('site')) {
    document.getElementById('site').style.display = 'none';
    document.getElementById('haxcmsoutdatedfallbacksuperold').style.display = 'block';
  }
}
var cdn = "./";
if (window.__appCDN) {
  cdn = window.__appCDN;
}
// reset styles that we apply to all hax sites for some level of normalization
// across base HTML tags as well as css vars for styling system wide things from 1 place
var baseResetStyles = 'build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/base.css';
// css files load faster when implemented this way
var link = document.createElement('link');
link.rel = 'stylesheet';
link.href = cdn + baseResetStyles;
link.type = 'text/css';
link.onerror = (e) => { haxcmsFallbackStylesError(e);};
// get first link in the document
var linkDef = document.getElementsByTagName('link')[0];
linkDef.parentNode.insertBefore(link, linkDef);
if (!window.__appCustomEnv) {
  var link2 = document.createElement('link');
  link2.rel = 'stylesheet';
  link2.href = './theme/theme.css';
  link2.type = 'text/css';
  linkDef.parentNode.insertBefore(link2, linkDef);
}
// if we fail to load the module, we need to fall back to known sources
// and reattempt to inject the CDN location. This is a last ditch effort
// though opens the ability for us to download user sites and if plugged
// into other hax housing then it'll work but also just work stand alone
// as a downloaded package
var haxCdn = cdn;
function haxcmsFallbackStylesError(e) {
  var cdn = haxCdn;
  if (!window.__appCDNBlockFallback) {
      var link = document.createElement('link');
      link.rel = 'stylesheet';
      link.type = 'text/css';
      link.onerror = (e) => { haxcmsFallbackStylesError(e);};
      // if the module fails to load at the set CDN location, try to fail back to known sources
      if (cdn === "./") {
          // psu fallback
          haxCdn = "https://cdn.webcomponents.psu.edu/cdn/";
          link.href = haxCdn + baseResetStyles;
          linkDef.parentNode.insertBefore(link, linkDef);
          console.warn(cdn + " failed to respond, styles back to alternative: " + haxCdn);
      }
      else if (cdn === "https://cdn.webcomponents.psu.edu/cdn/") {
          // known mirror
          haxCdn = "https://cdn.waxam.io/";
          link.href = haxCdn + baseResetStyles;
          linkDef.parentNode.insertBefore(link, linkDef);
          console.warn(cdn + " failed to respond, styles back to alternative: " + haxCdn);
      }
      else {
          // :( we're out of options, just reset these values to default
          // but we aren't working in this scenario bc both CDNs failed
          // and local delivery could not be found
          haxCdn = "./";
          console.error("Styles Local delivery failed and all alternative CDNs failed to load. You might be offline, in a secure environment or doing testing intentionally to generate this *shrug*");
      }
  }
}