@thoughtbot/superglue 0.50.0 → 0.51.0

package/.babelrc.js

@@ -0,0 +1,18 @@
+module.exports = {
+  plugins: [
+    ["transform-react-remove-prop-types", {removeImport: true}]
+  ],
+  presets: [
+    [
+      "@babel/preset-env",
+      {
+        useBuiltIns: "entry",
+        corejs: "2",
+        loose: true,
+      }
+    ],
+    [
+      "@babel/preset-react"
+    ],
+  ],
+};

package/.prettierrc

@@ -0,0 +1,5 @@
+{
+  "semi": false,
+  "singleQuote": true,
+  "printWidth": 70,
+}

package/.prettierrc.json

@@ -0,0 +1,5 @@
+{
+  "semi": false,
+  "singleQuote": true,
+  "printWidth": 70
+}

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2016-2021 Johny Ho
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/{action_creators → dist/action_creators}/requests.js

@@ -90,6 +90,8 @@ function remote(path, _temp) {
       fetchArgs: fetchArgs
     }));
     return fetch.apply(void 0, fetchArgs).then(_utils.parseResponse).then(function (_ref2) {
+      var _pages$currentPageKey;
+
       var rsp = _ref2.rsp,
           json = _ref2.json;
 
@@ -103,6 +105,14 @@ function remote(path, _temp) {
         rsp: rsp,
         fetchArgs: fetchArgs
       });
+      var willReplaceCurrent = pageKey == currentPageKey;
+      var existingId = (_pages$currentPageKey = pages[currentPageKey]) == null ? void 0 : _pages$currentPageKey.componentIdentifier;
+      var receivedId = json.componentIdentifier;
+
+      if (willReplaceCurrent && !!existingId && existingId != receivedId) {
+        console.warn("You're about replace an existing page located at pages[\"" + currentPageKey + "\"]\nthat has the componentIdentifier \"" + existingId + "\" with the contents of a\nreceived page that has a componentIdentifier of \"" + receivedId + "\".\n\nThis can happen if you're using data-sg-remote or remote but your response\nredirected to a completely different page. Since remote requests do not\nnavigate or change the current page component, your current page component may\nreceive a shape that is unexpected and cause issues with rendering.\n\nConsider using data-sg-visit, the visit function, or redirect_back.");
+      }
+
       var page = beforeSave(pages[pageKey], json);
       return dispatch((0, _index.saveAndProcessPage)(pageKey, page)).then(function () {
         meta.pageKey = pageKey;

package/{components → dist/components}/Nav.js

@@ -222,7 +222,7 @@ var Nav = /*#__PURE__*/function (_React$Component) {
     var reminder = '';
 
     if (!identifier) {
-      reminder = 'Did you forget to add `json.component_identifier` in your application.json.props layout?';
+      reminder = 'Did you forget to add `json.componentIdentifier` in your application.json.props layout?';
     }
 
     var error = new Error("Superglue Nav component was looking for " + identifier + " but could not find it in your mapping. " + reminder);

package/dist/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "@thoughtbot/superglue",
+  "version": "0.51.0",
+  "description": "Use a vanilla Rails with React and Redux",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/thoughtbot/superglue.git"
+  },
+  "author": "Johny Ho",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/thoughtbot/superglue/issues"
+  },
+  "homepage": "https://github.com/thoughtbot/superglue#readme",
+  "devDependencies": {
+    "@babel/cli": "^7.14.3",
+    "@babel/core": "^7.14.3",
+    "@babel/preset-env": "^7.14.4",
+    "@babel/preset-react": "^7.13.13",
+    "core-js": "^2.6.12",
+    "enzyme": "^3.11.0",
+    "enzyme-adapter-react-16": "^1.15.6",
+    "eslint": "^7.28.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-prettier": "^3.4.0",
+    "eslint-plugin-react": "^7.24.0",
+    "fetch-headers": "^2.0.0",
+    "fetch-mock": "^9.11.0",
+    "history": "^5.3.0",
+    "jest": "^27.0.4",
+    "node-fetch": "^2.6.1",
+    "prettier": "^2.3.1",
+    "prop-types": "^15.7.2",
+    "react": "^16.4.0",
+    "react-dom": "^16.4.0",
+    "react-redux": "^7.2.4",
+    "redux": "^4.1.0",
+    "redux-mock-store": "^1.5.4",
+    "redux-thunk": "^2.3.0"
+  },
+  "peerDependencies": {
+    "history": "^5.3.0",
+    "react": ">=16",
+    "react-redux": ">=7.2",
+    "redux": ">=4.1",
+    "redux-thunk": ">=2.3"
+  },
+  "dependencies": {
+    "abortcontroller-polyfill": "^1.7.3",
+    "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
+    "url-parse": "^1.5.1"
+  }
+}

package/{utils → dist/utils}/url.js

@@ -8,8 +8,7 @@ exports.pathQueryHash = pathQueryHash;
 exports.pathWithoutBZParams = pathWithoutBZParams;
 exports.removePropsAt = removePropsAt;
 exports.urlToPageKey = urlToPageKey;
-exports.withAntiCache = withAntiCache;
-exports.withMimeBust = withMimeBust;
+exports.withFormatJson = withFormatJson;
 exports.withoutBusters = withoutBusters;
 exports.withoutHash = withoutHash;
 
@@ -17,10 +16,6 @@ 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,
@@ -44,43 +39,17 @@ function hasPropsAt(url) {
   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) {
+function withFormatJson(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());
+  url.query['format'] = 'json';
+  return url.toString();
 }
 
 function pathWithoutBZParams(url) {
   url = new _urlParse["default"](url, {}, true);
   var query = url.query;
-  delete query['__'];
-  delete query['_'];
   delete query['props_at'];
+  delete query['format'];
   url.query = query;
   return pathQueryHash(url.toString());
 }
@@ -96,9 +65,8 @@ function removePropsAt(url) {
 function urlToPageKey(url) {
   url = new _urlParse["default"](url, {}, true);
   var query = url.query;
-  delete query['__'];
-  delete query['_'];
   delete query['props_at'];
+  delete query['format'];
   url.query = query;
   return pathQuery(url.toString());
 }
@@ -109,17 +77,16 @@ function withoutHash(url) {
   return url.toString();
 }
 
-function formatForXHR(url, opts) {
-  if (opts === void 0) {
-    opts = {};
-  }
-
-  var formats = [withMimeBust, withoutHash];
-
-  if (opts.cacheRequest) {
-    formats.push(withAntiCache);
-  }
+function withoutBusters(url) {
+  url = new _urlParse["default"](url, {}, true);
+  var query = url.query;
+  delete query['format'];
+  url.query = query;
+  return pathQuery(url.toString());
+}
 
+function formatForXHR(url) {
+  var formats = [withoutHash, withFormatJson];
   return formats.reduce(function (memo, f) {
     return f(memo);
   }, url);

package/package.json

@@ -1,7 +1,17 @@
 {
   "name": "@thoughtbot/superglue",
-  "version": "0.50.0",
+  "version": "0.51.0",
   "description": "Use a vanilla Rails with React and Redux",
+  "scripts": {
+    "test": "jest",
+    "lint": "eslint lib",
+    "clean": "rm -rf ./dist",
+    "copy:package": "cat ./package.json | jq 'del(.scripts)' > dist/package.json",
+    "copy:readme": "cp ../README.md dist/",
+    "build:index": "babel lib -d dist",
+    "build": "npm run clean && npm run build:index && npm run copy:package && npm run copy:readme",
+    "prepublishOnly": "npm run build"
+  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/thoughtbot/superglue.git"