@thoughtbot/superglue 0.40.0 → 0.50.0-beta1

package/README.md

@@ -60,7 +60,7 @@ A popular ask of SPAs is page-to-page navigation without reloading. This is
 easily done with Superglue's own UJS attributes inspired by Turbolinks:
 
 ```jsx
-  <a href='/posts' data-bz-visit={true} />
+  <a href='/posts' data-sg-visit={true} />
 ```
 
 The above will request for `/posts` with an `accept` of `application/json`, and
@@ -70,8 +70,8 @@ component the response asks for, and `pushState` on history.
 
 #### Partial updates
 Some features rely on updating some parts of the existing page. In
-addition to `data-bz-visit` and it's equivalent `this.props.visit`, Superglue
-also provides `data-bz-remote` or `this.props.remote`, which you can use to
+addition to `data-sg-visit` and it's equivalent `this.props.visit`, Superglue
+also provides `data-sg-remote` or `this.props.remote`, which you can use to
 update parts of your page in async fashion without changing `window.history`.
 
 Imagine having to implement search, where you enter some text, hit enter, and

package/components/Nav.js

@@ -9,8 +9,6 @@ var _utils = require("../utils");
 
 var _actions = require("../actions");
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -257,13 +255,5 @@ var Nav = /*#__PURE__*/function (_React$Component) {
   return Nav;
 }(_react["default"].Component);
 
-Nav.propTypes = {
-  store: _propTypes["default"].object,
-  history: _propTypes["default"].object,
-  mapping: _propTypes["default"].object,
-  visit: _propTypes["default"].func,
-  remote: _propTypes["default"].func,
-  initialPageKey: _propTypes["default"].string
-};
 var _default = Nav;
 exports["default"] = _default;

package/index.js

@@ -34,8 +34,6 @@ var _history = require("history");
 
 var _Nav = _interopRequireDefault(require("./components/Nav"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react2 = require("./utils/react");
 
 exports.mapStateToProps = _react2.mapStateToProps;
@@ -254,10 +252,4 @@ var ApplicationBase = /*#__PURE__*/function (_React$Component) {
   return ApplicationBase;
 }(_react["default"].Component);
 
-exports.ApplicationBase = ApplicationBase;
-ApplicationBase.propTypes = {
-  initialPage: _propTypes["default"].object,
-  baseUrl: _propTypes["default"].string,
-  path: _propTypes["default"].string,
-  appEl: _propTypes["default"].object
-};
+exports.ApplicationBase = ApplicationBase;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thoughtbot/superglue",
-  "version": "0.40.0",
+  "version": "0.50.0-beta1",
   "description": "Use a vanilla Rails with React and Redux",
   "repository": {
     "type": "git",
@@ -27,7 +27,6 @@
     "fetch-headers": "^2.0.0",
     "fetch-mock": "^9.11.0",
     "history": "^5.3.0",
-    "html-react-parser": "^1.2.6",
     "jest": "^27.0.4",
     "node-fetch": "^2.6.1",
     "prettier": "^2.3.1",
@@ -40,15 +39,15 @@
     "redux-thunk": "^2.3.0"
   },
   "peerDependencies": {
-    "html-react-parser": ">=1.2.6",
-    "react": ">=16",
-    "redux": ">=4.1",
     "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/ujs.js

@@ -74,9 +74,8 @@ var HandlerBuilder = /*#__PURE__*/function () {
     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
+      method: 'GET'
     });
   };
 

package/components/RailsTag.js

@@ -1,71 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _htmlReactParser = _interopRequireWildcard(require("html-react-parser"));
-
-var _attributesToProps = _interopRequireDefault(require("html-react-parser/lib/attributes-to-props"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-var RailsTag = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(RailsTag, _React$Component);
-
-  function RailsTag(props) {
-    var _this;
-
-    _this = _React$Component.call(this, props) || this;
-    _this.replace = _this.replace.bind(_assertThisInitialized(_this));
-    return _this;
-  }
-
-  var _proto = RailsTag.prototype;
-
-  _proto.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {
-    return this.props.html !== nextProps.html;
-  };
-
-  _proto.replace = function replace(domNode) {
-    var parent = domNode.parent,
-        type = domNode.type,
-        name = domNode.name,
-        attribs = domNode.attribs,
-        children = domNode.children;
-
-    if (!parent && type === 'tag') {
-      var nextProps = Object.assign({}, this.props, (0, _attributesToProps["default"])(attribs), {
-        children: (0, _htmlReactParser.domToReact)(children)
-      });
-      delete nextProps.html;
-      return /*#__PURE__*/_react["default"].createElement(name, nextProps);
-    }
-  };
-
-  _proto.render = function render() {
-    return (0, _htmlReactParser["default"])(this.props.html, {
-      replace: this.replace
-    });
-  };
-
-  return RailsTag;
-}(_react["default"].Component);
-
-exports["default"] = RailsTag;
-RailsTag.propTypes = {
-  html: _propTypes["default"].string
-};