@thoughtbot/superglue 0.0.0 → 0.30.0

package/utils/request.js

@@ -0,0 +1,132 @@
+"use strict";
+
+exports.__esModule = true;
+exports.argsForFetch = argsForFetch;
+exports.extractJSON = extractJSON;
+exports.handleServerErrors = handleServerErrors;
+exports.isValidContent = isValidContent;
+exports.isValidResponse = isValidResponse;
+exports.parseResponse = parseResponse;
+exports.validateResponse = validateResponse;
+
+var _urlParse = _interopRequireDefault(require("url-parse"));
+
+var _url = require("./url");
+
+var _config = require("../config");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function isValidResponse(xhr) {
+  return isValidContent(xhr) && !downloadingFile(xhr);
+}
+
+function isValidContent(rsp) {
+  var contentType = rsp.headers.get('content-type');
+  var jsContent = /^(?:application\/json)(?:;|$)/;
+  return !!(contentType !== undefined && contentType.match(jsContent));
+}
+
+function downloadingFile(xhr) {
+  var disposition = xhr.headers.get('content-disposition');
+  return disposition !== undefined && disposition !== null && disposition.match(/^attachment/);
+}
+
+function validateResponse(args) {
+  var rsp = args.rsp;
+
+  if (isValidResponse(rsp)) {
+    return args;
+  } else {
+    var error = new Error('Invalid Superglue Response');
+    error.response = rsp;
+    throw error;
+  }
+}
+
+function handleServerErrors(args) {
+  var rsp = args.rsp;
+
+  if (!rsp.ok) {
+    var error = new Error(rsp.statusText);
+    error.response = rsp;
+    throw error;
+  }
+
+  return args;
+}
+
+function argsForFetch(getState, pathQuery, _temp) {
+  var _ref = _temp === void 0 ? {} : _temp,
+      _ref$method = _ref.method,
+      method = _ref$method === void 0 ? 'GET' : _ref$method,
+      _ref$headers = _ref.headers,
+      headers = _ref$headers === void 0 ? {} : _ref$headers,
+      _ref$body = _ref.body,
+      body = _ref$body === void 0 ? '' : _ref$body,
+      signal = _ref.signal;
+
+  method = method.toUpperCase();
+  var currentState = getState().superglue || {};
+  var jsAccept = 'application/json';
+  headers = Object.assign({}, headers, {
+    accept: jsAccept,
+    'x-requested-with': 'XMLHttpRequest',
+    'x-superglue-request': true
+  });
+
+  if (method != 'GET' && method != 'HEAD') {
+    if (headers['content-type'] === null) {
+      delete headers['content-type'];
+    } else {
+      headers['content-type'] = 'application/json';
+    }
+  }
+
+  if (currentState.csrfToken) {
+    headers['x-csrf-token'] = currentState.csrfToken;
+  }
+
+  var href = new _urlParse["default"](pathQuery, _config.config.baseUrl || {}, false).href;
+  var credentials = 'same-origin';
+
+  if (!(method == 'GET' || method == 'HEAD')) {
+    headers['x-http-method-override'] = method;
+    method = 'POST';
+  }
+
+  var options = {
+    method: method,
+    headers: headers,
+    body: body,
+    credentials: credentials,
+    signal: signal
+  };
+
+  if (currentState.currentPageKey) {
+    var referrer = new _urlParse["default"](currentState.currentPageKey, _config.config.baseUrl || {}, false).href;
+    options.referrer = referrer;
+  }
+
+  if (method == 'GET' || method == 'HEAD') {
+    delete options.body;
+  }
+
+  return [(0, _url.formatForXHR)(href), options];
+}
+
+function extractJSON(rsp) {
+  return rsp.json().then(function (json) {
+    return {
+      rsp: rsp,
+      json: json
+    };
+  })["catch"](function (e) {
+    e.response = rsp;
+    throw e;
+  });
+}
+
+function parseResponse(prm) {
+  return Promise.resolve(prm).then(extractJSON).then(handleServerErrors).then(validateResponse);
+}

package/utils/ujs.js

@@ -0,0 +1,138 @@
+"use strict";
+
+exports.__esModule = true;
+exports.ujsHandlers = exports.HandlerBuilder = void 0;
+
+var _url = require("./url");
+
+var HandlerBuilder = /*#__PURE__*/function () {
+  function HandlerBuilder(_ref) {
+    var ujsAttributePrefix = _ref.ujsAttributePrefix,
+        visit = _ref.visit,
+        remote = _ref.remote;
+    this.attributePrefix = ujsAttributePrefix;
+    this.isUJS = this.isUJS.bind(this);
+    this.handleSubmit = this.handleSubmit.bind(this);
+    this.handleClick = this.handleClick.bind(this);
+    this.visit = visit;
+    this.remote = remote;
+    this.visitOrRemote = this.visitOrRemote.bind(this);
+  }
+
+  var _proto = HandlerBuilder.prototype;
+
+  _proto.retrieveLink = function retrieveLink(target) {
+    var link = target;
+
+    while (!!link.parentNode && link.nodeName.toLowerCase() !== 'a') {
+      link = link.parentNode;
+    }
+
+    if (link.nodeName.toLowerCase() === 'a' && link.href.length !== 0) {
+      return link;
+    }
+  };
+
+  _proto.isNonStandardClick = function isNonStandardClick(event) {
+    return event.which > 1 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey;
+  };
+
+  _proto.isUJS = function isUJS(node) {
+    var hasVisit = !!node.getAttribute(this.attributePrefix + '-visit');
+    var hasRemote = !!node.getAttribute(this.attributePrefix + '-remote');
+    return hasVisit || hasRemote;
+  };
+
+  _proto.handleSubmit = function handleSubmit(event) {
+    var form = event.target;
+
+    if (form.nodeName.toLowerCase() !== 'form' || !this.isUJS(form)) {
+      return;
+    }
+
+    event.preventDefault();
+    var url = form.getAttribute('action');
+    var method = (form.getAttribute('method') || 'POST').toUpperCase();
+    url = (0, _url.withoutBusters)(url);
+    this.visitOrRemote(form, url, {
+      method: method,
+      headers: {
+        'content-type': null
+      },
+      body: new FormData(event.target)
+    });
+  };
+
+  _proto.handleClick = function handleClick(event) {
+    var link = this.retrieveLink(event.target);
+    var isNonStandard = this.isNonStandardClick(event);
+
+    if (!link || isNonStandard || !this.isUJS(link)) {
+      return;
+    }
+
+    event.preventDefault();
+    var url = link.getAttribute('href');
+    url = (0, _url.withoutBusters)(url);
+    var method = link.getAttribute(this.attributePrefix + '-method') || 'GET';
+    this.visitOrRemote(link, url, {
+      method: method
+    });
+  };
+
+  _proto.visitOrRemote = function visitOrRemote(linkOrForm, url, opts) {
+    if (opts === void 0) {
+      opts = {};
+    }
+
+    var target;
+
+    if (linkOrForm.getAttribute(this.attributePrefix + '-visit')) {
+      target = this.visit;
+      var placeholderKey = linkOrForm.getAttribute(this.attributePrefix + '-placeholder');
+
+      if (placeholderKey) {
+        opts.placeholderKey = (0, _url.urlToPageKey)(placeholderKey);
+      }
+    }
+
+    if (linkOrForm.getAttribute(this.attributePrefix + '-remote')) {
+      target = this.remote;
+    }
+
+    if (!target) {
+      return;
+    } else {
+      return target(url, opts);
+    }
+  };
+
+  _proto.handlers = function handlers() {
+    return {
+      onClick: this.handleClick,
+      onSubmit: this.handleSubmit
+    };
+  };
+
+  return HandlerBuilder;
+}();
+
+exports.HandlerBuilder = HandlerBuilder;
+
+var ujsHandlers = function ujsHandlers(_ref2) {
+  var navigatorRef = _ref2.navigatorRef,
+      store = _ref2.store,
+      ujsAttributePrefix = _ref2.ujsAttributePrefix,
+      visit = _ref2.visit,
+      remote = _ref2.remote;
+  var builder = new HandlerBuilder({
+    navigatorRef: navigatorRef,
+    store: store,
+    visit: visit,
+    remote: remote,
+    ujsAttributePrefix: ujsAttributePrefix
+  });
+  return builder.handlers();
+};
+
+exports.ujsHandlers = ujsHandlers;

package/utils/url.js

@@ -0,0 +1,126 @@
+"use strict";
+
+exports.__esModule = true;
+exports.formatForXHR = formatForXHR;
+exports.hasPropsAt = hasPropsAt;
+exports.pathQuery = pathQuery;
+exports.pathQueryHash = pathQueryHash;
+exports.pathWithoutBZParams = pathWithoutBZParams;
+exports.removePropsAt = removePropsAt;
+exports.urlToPageKey = urlToPageKey;
+exports.withAntiCache = withAntiCache;
+exports.withMimeBust = withMimeBust;
+exports.withoutBusters = withoutBusters;
+exports.withoutHash = withoutHash;
+
+var _urlParse = _interopRequireDefault(require("url-parse"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var uniqueId = function uniqueId() {
+  return Math.random().toString(36).substring(2, 10);
+};
+
+function pathQuery(url) {
+  var _parse = new _urlParse["default"](url, {}),
+      pathname = _parse.pathname,
+      query = _parse.query;
+
+  return pathname + query;
+}
+
+function pathQueryHash(url) {
+  var _parse2 = new _urlParse["default"](url, {}),
+      pathname = _parse2.pathname,
+      query = _parse2.query,
+      hash = _parse2.hash;
+
+  return pathname + query + hash;
+}
+
+function hasPropsAt(url) {
+  url = new _urlParse["default"](url, {}, true);
+  var query = url.query;
+  return !!query['props_at'];
+}
+
+function withAntiCache(url) {
+  url = new _urlParse["default"](url, {}, true);
+
+  if (Object.prototype.hasOwnProperty.call(url.query, '_')) {
+    return url.toString();
+  } else {
+    url.query['_'] = uniqueId();
+    return url.toString();
+  }
+}
+
+function withMimeBust(url) {
+  url = new _urlParse["default"](url, {}, true);
+
+  if (Object.prototype.hasOwnProperty.call(url.query, '__')) {
+    return url.toString();
+  } else {
+    url.query['__'] = '0';
+    return url.toString();
+  }
+}
+
+function withoutBusters(url) {
+  url = new _urlParse["default"](url, {}, true);
+  var query = url.query;
+  delete query['__'];
+  delete query['_'];
+  url.query = query;
+  return pathQuery(url.toString());
+}
+
+function pathWithoutBZParams(url) {
+  url = new _urlParse["default"](url, {}, true);
+  var query = url.query;
+  delete query['__'];
+  delete query['_'];
+  delete query['props_at'];
+  url.query = query;
+  return pathQueryHash(url.toString());
+}
+
+function removePropsAt(url) {
+  url = new _urlParse["default"](url, {}, true);
+  var query = url.query;
+  delete query['props_at'];
+  url.query = query;
+  return url.toString();
+}
+
+function urlToPageKey(url) {
+  url = new _urlParse["default"](url, {}, true);
+  var query = url.query;
+  delete query['__'];
+  delete query['_'];
+  delete query['props_at'];
+  url.query = query;
+  return pathQuery(url.toString());
+}
+
+function withoutHash(url) {
+  url = new _urlParse["default"](url, {}, true);
+  url.hash = '';
+  return url.toString();
+}
+
+function formatForXHR(url, opts) {
+  if (opts === void 0) {
+    opts = {};
+  }
+
+  var formats = [withMimeBust, withoutHash];
+
+  if (opts.cacheRequest) {
+    formats.push(withAntiCache);
+  }
+
+  return formats.reduce(function (memo, f) {
+    return f(memo);
+  }, url);
+}

package/utils/window.js

@@ -0,0 +1,15 @@
+"use strict";
+
+exports.__esModule = true;
+exports.needsRefresh = needsRefresh;
+
+function needsRefresh(prevAssets, newAssets) {
+  if (prevAssets && newAssets) {
+    var hasNewAssets = !newAssets.every(function (asset) {
+      return prevAssets.includes(asset);
+    });
+    return hasNewAssets;
+  } else {
+    return false;
+  }
+}