gatsby-plugin-runtime-path-prefix/runtime/basename-prefix.js

Adds support for deploying Gatsby to Swarm/IPFS by ensuring that assets are relative

(function () {
  var attributes = ['href', 'src', 'srcset', 'data-href', 'data-src', 'data-src']; /// don't run if __PATH_PREFIX__ is empty

  if (window.__PATH_PREFIX__) {
    console.info('UPDATING PATH PREFIX....');
    fixCurrentUrls();
    fixStaticAssets();
    observeDOM();
  } /// Fix current scripts and links


  function fixCurrentUrls() {
    var query = attributes.reduce(function (a, b) {
      return a + '[' + b + '],';
    }, '').replace(/,$/, '');
    var currentScripts = document.querySelectorAll(query);
    console.log(currentScripts);
    fixUrls(currentScripts);
  } /// Observe for added scripts and links in DOM


  function observeDOM() {
    var observer = new MutationObserver(function (mutations) {
      fixCurrentUrls();
    });
    observer.observe(document.documentElement, {
      childList: true,
      subtree: true
    });
  } /// update static assets paths


  function fixStaticAssets() {// var basename = window.__PATH_PREFIX__;
    // var images = document.querySelectorAll('img');
    // images.forEach(function (img) {
    //   img.src = img.src.replace(/^.?\/static\//g, basename + '/static/')
    // });
    // var styles = document.querySelectorAll('style');
    // styles.forEach(function (style) {
    //   style.innerText = style.innerText.replace(/^.?\/static\//g, basename + '/static/')
    // });
  } /// Replace script and link tags with corrected one


  function fixUrls(nodes) {
    var basename = window.__PATH_PREFIX__;
    nodes.forEach(function (node) {
      if (typeof node !== "object") return;
      var fixedNode = clonedElWithBasename(node, basename, false);

      if (fixedNode) {
        node.parentNode.appendChild(fixedNode);
        node.remove();
      }
    });
  } // Clone element with attributes


  function clonedElWithBasename(originEl, basename, replace) {
    if (!originEl) return null;
    if (typeof originEl !== "object") return null;
    if (typeof originEl.getAttribute !== "function") return null;

    if (!basename.endsWith("/")) {
      basename = basename + "/";
    }

    var url, urlAttr;
    var patterns = [/(^\/|^)__PATH_PREFIX__\//, /^(\.?\.\/)+/];

    for (var i = 0; i < attributes.length; i++) {
      var attr = attributes[i];
      var nodeUrl = originEl.getAttribute(attr);

      if (nodeUrl) {
        for (var j = 0; j < patterns.length; j++) {
          var pattern = patterns[j];

          if (pattern.test(nodeUrl)) {
            url = nodeUrl.replace(pattern, basename);
            urlAttr = attr;
            break;
          }

          if (attr === 'srcset') {
            var match = false;
            var sets = nodeUrl.split(',');
            sets.forEach(function (set, setIdx) {
              if (pattern.test(set.trim())) {
                sets[setIdx] = set.trim().replace(pattern, basename);
                match = true;
              }
            });

            if (match) {
              url = sets.join(',\n');
              urlAttr = attr;
              break;
            }
          }
        }

        if (url) break;
      }
    }

    if (!url) return null;

    if (replace) {
      var cloneEl = document.createElement(originEl.tagName);

      for (var i = 0; i < originEl.attributes.length; i++) {
        var attr = originEl.attributes[i];
        cloneEl.setAttribute(attr.name, attr.value);
      }

      cloneEl.setAttribute(urlAttr, url);
      cloneEl.innerText = originEl.innerText;
      return cloneEl;
    }

    originEl.setAttribute(urlAttr, url);
  }
})();