@thoughtbot/superglue 0.53.3 → 0.53.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/action_creators/index.js +9 -25
- package/action_creators/requests.js +42 -71
- package/components/Nav.js +20 -67
- package/index.js +38 -88
- package/middleware.js +1 -16
- package/package.json +4 -1
- package/reducers/index.js +19 -57
- package/utils/helpers.js +2 -7
- package/utils/immutability.js +1 -43
- package/utils/index.js +0 -14
- package/utils/react.js +5 -12
- package/utils/request.js +15 -37
- package/utils/ujs.js +6 -29
- package/utils/url.js +5 -19
- package/utils/window.js +0 -1
package/utils/immutability.js
CHANGED
|
@@ -4,125 +4,91 @@ exports.__esModule = true;
|
|
|
4
4
|
exports.KeyPathError = void 0;
|
|
5
5
|
exports.getIn = getIn;
|
|
6
6
|
exports.setIn = setIn;
|
|
7
|
-
|
|
8
7
|
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
|
|
9
|
-
|
|
10
8
|
function _wrapNativeSuper(Class) { var _cache = typeof Map === "function" ? new Map() : undefined; _wrapNativeSuper = function _wrapNativeSuper(Class) { if (Class === null || !_isNativeFunction(Class)) return Class; if (typeof Class !== "function") { throw new TypeError("Super expression must either be null or a function"); } if (typeof _cache !== "undefined") { if (_cache.has(Class)) return _cache.get(Class); _cache.set(Class, Wrapper); } function Wrapper() { return _construct(Class, arguments, _getPrototypeOf(this).constructor); } Wrapper.prototype = Object.create(Class.prototype, { constructor: { value: Wrapper, enumerable: false, writable: true, configurable: true } }); return _setPrototypeOf(Wrapper, Class); }; return _wrapNativeSuper(Class); }
|
|
11
|
-
|
|
12
9
|
function _construct(Parent, args, Class) { if (_isNativeReflectConstruct()) { _construct = Reflect.construct; } else { _construct = function _construct(Parent, args, Class) { var a = [null]; a.push.apply(a, args); var Constructor = Function.bind.apply(Parent, a); var instance = new Constructor(); if (Class) _setPrototypeOf(instance, Class.prototype); return instance; }; } return _construct.apply(null, arguments); }
|
|
13
|
-
|
|
14
10
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
15
|
-
|
|
16
11
|
function _isNativeFunction(fn) { return Function.toString.call(fn).indexOf("[native code]") !== -1; }
|
|
17
|
-
|
|
18
12
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
19
|
-
|
|
20
13
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
21
|
-
|
|
22
14
|
// These were taken from Scour.js
|
|
23
15
|
// Then, modified to respect the id=0 keypath
|
|
24
|
-
var isSearchable = /^[\da-zA-Z\-_=.]+$/;
|
|
25
16
|
|
|
17
|
+
var isSearchable = /^[\da-zA-Z\-_=.]+$/;
|
|
26
18
|
var KeyPathError = exports.KeyPathError = /*#__PURE__*/function (_Error) {
|
|
27
19
|
_inheritsLoose(KeyPathError, _Error);
|
|
28
|
-
|
|
29
20
|
function KeyPathError(message) {
|
|
30
21
|
var _this;
|
|
31
|
-
|
|
32
22
|
_this = _Error.call(this, message) || this;
|
|
33
23
|
_this.name = 'KeyPathError';
|
|
34
24
|
return _this;
|
|
35
25
|
}
|
|
36
|
-
|
|
37
26
|
return KeyPathError;
|
|
38
27
|
}( /*#__PURE__*/_wrapNativeSuper(Error));
|
|
39
|
-
|
|
40
28
|
function getIn(obj, path) {
|
|
41
29
|
var keyPath = normalizeKeyPath(path);
|
|
42
30
|
var result = obj;
|
|
43
|
-
|
|
44
31
|
for (var i = 0; i < keyPath.length; i++) {
|
|
45
32
|
var key = keyPath[i];
|
|
46
|
-
|
|
47
33
|
if (!result) {
|
|
48
34
|
break;
|
|
49
35
|
}
|
|
50
|
-
|
|
51
36
|
result = atKey(result, key);
|
|
52
37
|
}
|
|
53
|
-
|
|
54
38
|
return result;
|
|
55
39
|
}
|
|
56
|
-
|
|
57
40
|
function clone(object) {
|
|
58
41
|
return Array.isArray(object) ? [].slice.call(object) : Object.assign({}, object);
|
|
59
42
|
}
|
|
60
|
-
|
|
61
43
|
function getKey(node, key) {
|
|
62
44
|
if (Array.isArray(node) && isNaN(key)) {
|
|
63
45
|
var key_parts = Array.from(key.split('='));
|
|
64
46
|
var attr = key_parts[0];
|
|
65
47
|
var id = key_parts[1];
|
|
66
48
|
var i, child;
|
|
67
|
-
|
|
68
49
|
if (!id) {
|
|
69
50
|
return key;
|
|
70
51
|
}
|
|
71
|
-
|
|
72
52
|
for (i = 0; i < node.length; i++) {
|
|
73
53
|
child = node[i];
|
|
74
|
-
|
|
75
54
|
if (child[attr].toString() === id) {
|
|
76
55
|
break;
|
|
77
56
|
}
|
|
78
57
|
}
|
|
79
|
-
|
|
80
58
|
return i;
|
|
81
59
|
} else {
|
|
82
60
|
return key;
|
|
83
61
|
}
|
|
84
62
|
}
|
|
85
|
-
|
|
86
63
|
function isArray(ary) {
|
|
87
64
|
return Array.isArray(ary);
|
|
88
65
|
}
|
|
89
|
-
|
|
90
66
|
function isObject(obj) {
|
|
91
67
|
return !isArray(obj) && obj === Object(obj);
|
|
92
68
|
}
|
|
93
|
-
|
|
94
69
|
function atKey(node, key) {
|
|
95
70
|
var id, attr;
|
|
96
|
-
|
|
97
71
|
if (isSearchable.test(key)) {
|
|
98
72
|
// eslint-disable-next-line
|
|
99
73
|
;
|
|
100
|
-
|
|
101
74
|
var _Array$from = Array.from(key.split('='));
|
|
102
|
-
|
|
103
75
|
attr = _Array$from[0];
|
|
104
76
|
id = _Array$from[1];
|
|
105
77
|
}
|
|
106
|
-
|
|
107
78
|
if (!isArray(node) && !isObject(node)) {
|
|
108
79
|
throw new KeyPathError("Expected to traverse an Array or Obj, got " + JSON.stringify(node));
|
|
109
80
|
}
|
|
110
|
-
|
|
111
81
|
if (isObject(node) && id) {
|
|
112
82
|
throw new KeyPathError("Expected to find an Array when using the key: " + key);
|
|
113
83
|
}
|
|
114
|
-
|
|
115
84
|
if (Array.isArray(node) && id) {
|
|
116
85
|
var child;
|
|
117
|
-
|
|
118
86
|
for (var i = 0; i < node.length; i++) {
|
|
119
87
|
child = node[i];
|
|
120
|
-
|
|
121
88
|
if (child[attr].toString() === id) {
|
|
122
89
|
break;
|
|
123
90
|
}
|
|
124
91
|
}
|
|
125
|
-
|
|
126
92
|
if (child[attr].toString() === id) {
|
|
127
93
|
return child;
|
|
128
94
|
} else {
|
|
@@ -132,39 +98,31 @@ function atKey(node, key) {
|
|
|
132
98
|
return node[key];
|
|
133
99
|
}
|
|
134
100
|
}
|
|
135
|
-
|
|
136
101
|
function normalizeKeyPath(path) {
|
|
137
102
|
if (typeof path === 'string') {
|
|
138
103
|
path = path.replace(/ /g, '');
|
|
139
|
-
|
|
140
104
|
if (path === '') {
|
|
141
105
|
return [];
|
|
142
106
|
}
|
|
143
|
-
|
|
144
107
|
return path.split('.');
|
|
145
108
|
} else {
|
|
146
109
|
return path;
|
|
147
110
|
}
|
|
148
111
|
}
|
|
149
|
-
|
|
150
112
|
function setIn(object, keypath, value) {
|
|
151
113
|
keypath = normalizeKeyPath(keypath);
|
|
152
114
|
var results = {};
|
|
153
115
|
var parents = {};
|
|
154
116
|
var i;
|
|
155
117
|
parents[0] = object;
|
|
156
|
-
|
|
157
118
|
for (i = 0; i < keypath.length; i++) {
|
|
158
119
|
parents[i + 1] = atKey(parents[i], keypath[i]);
|
|
159
120
|
}
|
|
160
|
-
|
|
161
121
|
results[keypath.length] = value;
|
|
162
|
-
|
|
163
122
|
for (i = keypath.length - 1; i >= 0; i--) {
|
|
164
123
|
results[i] = clone(parents[i]);
|
|
165
124
|
var key = getKey(results[i], keypath[i]);
|
|
166
125
|
results[i][key] = results[i + 1];
|
|
167
126
|
}
|
|
168
|
-
|
|
169
127
|
return results[0];
|
|
170
128
|
}
|
package/utils/index.js
CHANGED
|
@@ -1,57 +1,43 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
|
-
|
|
5
4
|
var _helpers = require("./helpers");
|
|
6
|
-
|
|
7
5
|
Object.keys(_helpers).forEach(function (key) {
|
|
8
6
|
if (key === "default" || key === "__esModule") return;
|
|
9
7
|
if (key in exports && exports[key] === _helpers[key]) return;
|
|
10
8
|
exports[key] = _helpers[key];
|
|
11
9
|
});
|
|
12
|
-
|
|
13
10
|
var _immutability = require("./immutability");
|
|
14
|
-
|
|
15
11
|
Object.keys(_immutability).forEach(function (key) {
|
|
16
12
|
if (key === "default" || key === "__esModule") return;
|
|
17
13
|
if (key in exports && exports[key] === _immutability[key]) return;
|
|
18
14
|
exports[key] = _immutability[key];
|
|
19
15
|
});
|
|
20
|
-
|
|
21
16
|
var _react = require("./react");
|
|
22
|
-
|
|
23
17
|
Object.keys(_react).forEach(function (key) {
|
|
24
18
|
if (key === "default" || key === "__esModule") return;
|
|
25
19
|
if (key in exports && exports[key] === _react[key]) return;
|
|
26
20
|
exports[key] = _react[key];
|
|
27
21
|
});
|
|
28
|
-
|
|
29
22
|
var _request = require("./request");
|
|
30
|
-
|
|
31
23
|
Object.keys(_request).forEach(function (key) {
|
|
32
24
|
if (key === "default" || key === "__esModule") return;
|
|
33
25
|
if (key in exports && exports[key] === _request[key]) return;
|
|
34
26
|
exports[key] = _request[key];
|
|
35
27
|
});
|
|
36
|
-
|
|
37
28
|
var _ujs = require("./ujs");
|
|
38
|
-
|
|
39
29
|
Object.keys(_ujs).forEach(function (key) {
|
|
40
30
|
if (key === "default" || key === "__esModule") return;
|
|
41
31
|
if (key in exports && exports[key] === _ujs[key]) return;
|
|
42
32
|
exports[key] = _ujs[key];
|
|
43
33
|
});
|
|
44
|
-
|
|
45
34
|
var _url = require("./url");
|
|
46
|
-
|
|
47
35
|
Object.keys(_url).forEach(function (key) {
|
|
48
36
|
if (key === "default" || key === "__esModule") return;
|
|
49
37
|
if (key in exports && exports[key] === _url[key]) return;
|
|
50
38
|
exports[key] = _url[key];
|
|
51
39
|
});
|
|
52
|
-
|
|
53
40
|
var _window = require("./window");
|
|
54
|
-
|
|
55
41
|
Object.keys(_window).forEach(function (key) {
|
|
56
42
|
if (key === "default" || key === "__esModule") return;
|
|
57
43
|
if (key in exports && exports[key] === _window[key]) return;
|
package/utils/react.js
CHANGED
|
@@ -3,11 +3,8 @@
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
exports.mapDispatchToPropsIncludingVisitAndRemote = exports.mapDispatchToProps = void 0;
|
|
5
5
|
exports.mapStateToProps = mapStateToProps;
|
|
6
|
-
|
|
7
6
|
var _action_creators = require("../action_creators");
|
|
8
|
-
|
|
9
7
|
var _url = require("./url");
|
|
10
|
-
|
|
11
8
|
function mapStateToProps(state, ownProps) {
|
|
12
9
|
if (state === void 0) {
|
|
13
10
|
state = {
|
|
@@ -15,26 +12,22 @@ function mapStateToProps(state, ownProps) {
|
|
|
15
12
|
superglue: {}
|
|
16
13
|
};
|
|
17
14
|
}
|
|
18
|
-
|
|
19
15
|
var pageKey = ownProps.pageKey;
|
|
20
16
|
var params = ownProps;
|
|
21
17
|
var csrfToken = state.superglue.csrfToken;
|
|
22
18
|
pageKey = (0, _url.urlToPageKey)(pageKey);
|
|
23
|
-
|
|
24
19
|
var _ref = state.pages[pageKey] || {
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
20
|
+
data: {},
|
|
21
|
+
fragments: []
|
|
22
|
+
},
|
|
23
|
+
data = _ref.data,
|
|
24
|
+
fragments = _ref.fragments;
|
|
31
25
|
return Object.assign({}, data, params, {
|
|
32
26
|
pageKey: pageKey,
|
|
33
27
|
csrfToken: csrfToken,
|
|
34
28
|
fragments: fragments
|
|
35
29
|
});
|
|
36
30
|
}
|
|
37
|
-
|
|
38
31
|
var mapDispatchToProps = exports.mapDispatchToProps = {
|
|
39
32
|
saveAndProcessPage: _action_creators.saveAndProcessPage,
|
|
40
33
|
copyPage: _action_creators.copyPage
|
package/utils/request.js
CHANGED
|
@@ -8,33 +8,24 @@ exports.isValidContent = isValidContent;
|
|
|
8
8
|
exports.isValidResponse = isValidResponse;
|
|
9
9
|
exports.parseResponse = parseResponse;
|
|
10
10
|
exports.validateResponse = validateResponse;
|
|
11
|
-
|
|
12
11
|
var _urlParse = _interopRequireDefault(require("url-parse"));
|
|
13
|
-
|
|
14
12
|
var _url = require("./url");
|
|
15
|
-
|
|
16
13
|
var _config = require("../config");
|
|
17
|
-
|
|
18
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
-
|
|
20
15
|
function isValidResponse(xhr) {
|
|
21
16
|
return isValidContent(xhr) && !downloadingFile(xhr);
|
|
22
17
|
}
|
|
23
|
-
|
|
24
18
|
function isValidContent(rsp) {
|
|
25
19
|
var contentType = rsp.headers.get('content-type');
|
|
26
20
|
var jsContent = /^(?:application\/json)(?:;|$)/;
|
|
27
21
|
return !!(contentType !== undefined && contentType.match(jsContent));
|
|
28
22
|
}
|
|
29
|
-
|
|
30
23
|
function downloadingFile(xhr) {
|
|
31
24
|
var disposition = xhr.headers.get('content-disposition');
|
|
32
25
|
return disposition !== undefined && disposition !== null && disposition.match(/^attachment/);
|
|
33
26
|
}
|
|
34
|
-
|
|
35
27
|
function validateResponse(args) {
|
|
36
28
|
var rsp = args.rsp;
|
|
37
|
-
|
|
38
29
|
if (isValidResponse(rsp)) {
|
|
39
30
|
return args;
|
|
40
31
|
} else {
|
|
@@ -43,29 +34,27 @@ function validateResponse(args) {
|
|
|
43
34
|
throw error;
|
|
44
35
|
}
|
|
45
36
|
}
|
|
46
|
-
|
|
47
37
|
function handleServerErrors(args) {
|
|
48
38
|
var rsp = args.rsp;
|
|
49
|
-
|
|
50
39
|
if (!rsp.ok) {
|
|
40
|
+
if (rsp.status === 406) {
|
|
41
|
+
console.error("Superglue encountered a 406 Not Acceptable response. This can happen if you used respond_to and didn't specify format.json in the block. Try adding it to your respond_to. For example:\n\n" + 'respond_to do |format|\n' + ' format.html\n' + ' format.json\n' + ' format.csv\n' + 'end');
|
|
42
|
+
}
|
|
51
43
|
var error = new Error(rsp.statusText);
|
|
52
44
|
error.response = rsp;
|
|
53
45
|
throw error;
|
|
54
46
|
}
|
|
55
|
-
|
|
56
47
|
return args;
|
|
57
48
|
}
|
|
58
|
-
|
|
59
49
|
function argsForFetch(getState, pathQuery, _temp) {
|
|
60
50
|
var _ref = _temp === void 0 ? {} : _temp,
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
51
|
+
_ref$method = _ref.method,
|
|
52
|
+
method = _ref$method === void 0 ? 'GET' : _ref$method,
|
|
53
|
+
_ref$headers = _ref.headers,
|
|
54
|
+
headers = _ref$headers === void 0 ? {} : _ref$headers,
|
|
55
|
+
_ref$body = _ref.body,
|
|
56
|
+
body = _ref$body === void 0 ? '' : _ref$body,
|
|
57
|
+
signal = _ref.signal;
|
|
69
58
|
method = method.toUpperCase();
|
|
70
59
|
var currentState = getState().superglue || {};
|
|
71
60
|
var jsAccept = 'application/json';
|
|
@@ -73,32 +62,27 @@ function argsForFetch(getState, pathQuery, _temp) {
|
|
|
73
62
|
accept: jsAccept,
|
|
74
63
|
'x-requested-with': 'XMLHttpRequest',
|
|
75
64
|
'x-superglue-request': true
|
|
76
|
-
});
|
|
65
|
+
});
|
|
66
|
+
|
|
67
|
+
// This needs to be done better. This is saying to
|
|
77
68
|
// remove the content-type header from UJS form
|
|
78
69
|
// submissions.
|
|
79
|
-
|
|
80
70
|
var fromUJSForm = headers['content-type'] === null;
|
|
81
|
-
|
|
82
71
|
if (method != 'GET' && method != 'HEAD') {
|
|
83
72
|
headers['content-type'] = 'application/json';
|
|
84
73
|
}
|
|
85
|
-
|
|
86
74
|
if (fromUJSForm) {
|
|
87
75
|
delete headers['content-type'];
|
|
88
76
|
}
|
|
89
|
-
|
|
90
77
|
if (currentState.csrfToken) {
|
|
91
78
|
headers['x-csrf-token'] = currentState.csrfToken;
|
|
92
79
|
}
|
|
93
|
-
|
|
94
80
|
var fetchPath = new _urlParse["default"]((0, _url.formatForXHR)(pathQuery), _config.config.baseUrl || {}, false);
|
|
95
81
|
var credentials = 'same-origin';
|
|
96
|
-
|
|
97
82
|
if (!(method == 'GET' || method == 'HEAD')) {
|
|
98
83
|
headers['x-http-method-override'] = method;
|
|
99
84
|
method = 'POST';
|
|
100
85
|
}
|
|
101
|
-
|
|
102
86
|
var options = {
|
|
103
87
|
method: method,
|
|
104
88
|
headers: headers,
|
|
@@ -106,25 +90,20 @@ function argsForFetch(getState, pathQuery, _temp) {
|
|
|
106
90
|
credentials: credentials,
|
|
107
91
|
signal: signal
|
|
108
92
|
};
|
|
109
|
-
|
|
110
93
|
if (currentState.currentPageKey) {
|
|
111
94
|
var referrer = new _urlParse["default"](currentState.currentPageKey, _config.config.baseUrl || {}, false).href;
|
|
112
95
|
options.referrer = referrer;
|
|
113
96
|
}
|
|
114
|
-
|
|
115
97
|
if (method == 'GET' || method == 'HEAD') {
|
|
116
98
|
if (options.body instanceof FormData) {
|
|
117
|
-
var allData = new URLSearchParams(options.body).toString();
|
|
118
|
-
|
|
99
|
+
var allData = new URLSearchParams(options.body).toString();
|
|
100
|
+
// fetchPath will always have atleast /?format=json
|
|
119
101
|
fetchPath.query = fetchPath.query + '&' + allData;
|
|
120
102
|
}
|
|
121
|
-
|
|
122
103
|
delete options.body;
|
|
123
104
|
}
|
|
124
|
-
|
|
125
105
|
return [fetchPath.toString(), options];
|
|
126
106
|
}
|
|
127
|
-
|
|
128
107
|
function extractJSON(rsp) {
|
|
129
108
|
return rsp.json().then(function (json) {
|
|
130
109
|
return {
|
|
@@ -136,7 +115,6 @@ function extractJSON(rsp) {
|
|
|
136
115
|
throw e;
|
|
137
116
|
});
|
|
138
117
|
}
|
|
139
|
-
|
|
140
118
|
function parseResponse(prm) {
|
|
141
119
|
return Promise.resolve(prm).then(extractJSON).then(handleServerErrors).then(validateResponse);
|
|
142
120
|
}
|
package/utils/ujs.js
CHANGED
|
@@ -2,14 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
exports.ujsHandlers = exports.HandlerBuilder = void 0;
|
|
5
|
-
|
|
6
5
|
var _url = require("./url");
|
|
7
|
-
|
|
8
6
|
var HandlerBuilder = exports.HandlerBuilder = /*#__PURE__*/function () {
|
|
9
7
|
function HandlerBuilder(_ref) {
|
|
10
8
|
var ujsAttributePrefix = _ref.ujsAttributePrefix,
|
|
11
|
-
|
|
12
|
-
|
|
9
|
+
visit = _ref.visit,
|
|
10
|
+
remote = _ref.remote;
|
|
13
11
|
this.attributePrefix = ujsAttributePrefix;
|
|
14
12
|
this.isUJS = this.isUJS.bind(this);
|
|
15
13
|
this.handleSubmit = this.handleSubmit.bind(this);
|
|
@@ -18,38 +16,29 @@ var HandlerBuilder = exports.HandlerBuilder = /*#__PURE__*/function () {
|
|
|
18
16
|
this.remote = remote;
|
|
19
17
|
this.visitOrRemote = this.visitOrRemote.bind(this);
|
|
20
18
|
}
|
|
21
|
-
|
|
22
19
|
var _proto = HandlerBuilder.prototype;
|
|
23
|
-
|
|
24
20
|
_proto.retrieveLink = function retrieveLink(target) {
|
|
25
21
|
var link = target;
|
|
26
|
-
|
|
27
22
|
while (!!link.parentNode && link.nodeName.toLowerCase() !== 'a') {
|
|
28
23
|
link = link.parentNode;
|
|
29
24
|
}
|
|
30
|
-
|
|
31
25
|
if (link.nodeName.toLowerCase() === 'a' && link.href.length !== 0) {
|
|
32
26
|
return link;
|
|
33
27
|
}
|
|
34
28
|
};
|
|
35
|
-
|
|
36
29
|
_proto.isNonStandardClick = function isNonStandardClick(event) {
|
|
37
30
|
return event.which > 1 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey;
|
|
38
31
|
};
|
|
39
|
-
|
|
40
32
|
_proto.isUJS = function isUJS(node) {
|
|
41
33
|
var hasVisit = !!node.getAttribute(this.attributePrefix + '-visit');
|
|
42
34
|
var hasRemote = !!node.getAttribute(this.attributePrefix + '-remote');
|
|
43
35
|
return hasVisit || hasRemote;
|
|
44
36
|
};
|
|
45
|
-
|
|
46
37
|
_proto.handleSubmit = function handleSubmit(event) {
|
|
47
38
|
var form = event.target;
|
|
48
|
-
|
|
49
39
|
if (form.nodeName.toLowerCase() !== 'form' || !this.isUJS(form)) {
|
|
50
40
|
return;
|
|
51
41
|
}
|
|
52
|
-
|
|
53
42
|
event.preventDefault();
|
|
54
43
|
var url = form.getAttribute('action');
|
|
55
44
|
var method = (form.getAttribute('method') || 'POST').toUpperCase();
|
|
@@ -62,15 +51,12 @@ var HandlerBuilder = exports.HandlerBuilder = /*#__PURE__*/function () {
|
|
|
62
51
|
body: new FormData(event.target)
|
|
63
52
|
});
|
|
64
53
|
};
|
|
65
|
-
|
|
66
54
|
_proto.handleClick = function handleClick(event) {
|
|
67
55
|
var link = this.retrieveLink(event.target);
|
|
68
56
|
var isNonStandard = this.isNonStandardClick(event);
|
|
69
|
-
|
|
70
57
|
if (!link || isNonStandard || !this.isUJS(link)) {
|
|
71
58
|
return;
|
|
72
59
|
}
|
|
73
|
-
|
|
74
60
|
event.preventDefault();
|
|
75
61
|
var url = link.getAttribute('href');
|
|
76
62
|
url = (0, _url.withoutBusters)(url);
|
|
@@ -78,50 +64,41 @@ var HandlerBuilder = exports.HandlerBuilder = /*#__PURE__*/function () {
|
|
|
78
64
|
method: 'GET'
|
|
79
65
|
});
|
|
80
66
|
};
|
|
81
|
-
|
|
82
67
|
_proto.visitOrRemote = function visitOrRemote(linkOrForm, url, opts) {
|
|
83
68
|
if (opts === void 0) {
|
|
84
69
|
opts = {};
|
|
85
70
|
}
|
|
86
|
-
|
|
87
71
|
var target;
|
|
88
|
-
|
|
89
72
|
if (linkOrForm.getAttribute(this.attributePrefix + '-visit')) {
|
|
90
73
|
target = this.visit;
|
|
91
74
|
var placeholderKey = linkOrForm.getAttribute(this.attributePrefix + '-placeholder');
|
|
92
|
-
|
|
93
75
|
if (placeholderKey) {
|
|
94
76
|
opts.placeholderKey = (0, _url.urlToPageKey)(placeholderKey);
|
|
95
77
|
}
|
|
96
78
|
}
|
|
97
|
-
|
|
98
79
|
if (linkOrForm.getAttribute(this.attributePrefix + '-remote')) {
|
|
99
80
|
target = this.remote;
|
|
100
81
|
}
|
|
101
|
-
|
|
102
82
|
if (!target) {
|
|
103
83
|
return;
|
|
104
84
|
} else {
|
|
105
85
|
return target(url, opts);
|
|
106
86
|
}
|
|
107
87
|
};
|
|
108
|
-
|
|
109
88
|
_proto.handlers = function handlers() {
|
|
110
89
|
return {
|
|
111
90
|
onClick: this.handleClick,
|
|
112
91
|
onSubmit: this.handleSubmit
|
|
113
92
|
};
|
|
114
93
|
};
|
|
115
|
-
|
|
116
94
|
return HandlerBuilder;
|
|
117
95
|
}();
|
|
118
|
-
|
|
119
96
|
var ujsHandlers = exports.ujsHandlers = function ujsHandlers(_ref2) {
|
|
120
97
|
var navigatorRef = _ref2.navigatorRef,
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
98
|
+
store = _ref2.store,
|
|
99
|
+
ujsAttributePrefix = _ref2.ujsAttributePrefix,
|
|
100
|
+
visit = _ref2.visit,
|
|
101
|
+
remote = _ref2.remote;
|
|
125
102
|
var builder = new HandlerBuilder({
|
|
126
103
|
navigatorRef: navigatorRef,
|
|
127
104
|
store: store,
|
package/utils/url.js
CHANGED
|
@@ -11,40 +11,31 @@ exports.urlToPageKey = urlToPageKey;
|
|
|
11
11
|
exports.withFormatJson = withFormatJson;
|
|
12
12
|
exports.withoutBusters = withoutBusters;
|
|
13
13
|
exports.withoutHash = withoutHash;
|
|
14
|
-
|
|
15
14
|
var _urlParse = _interopRequireDefault(require("url-parse"));
|
|
16
|
-
|
|
17
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
18
|
-
|
|
19
16
|
function pathQuery(url) {
|
|
20
17
|
var _parse = new _urlParse["default"](url, {}),
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
18
|
+
pathname = _parse.pathname,
|
|
19
|
+
query = _parse.query;
|
|
24
20
|
return pathname + query;
|
|
25
21
|
}
|
|
26
|
-
|
|
27
22
|
function pathQueryHash(url) {
|
|
28
23
|
var _parse2 = new _urlParse["default"](url, {}),
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
24
|
+
pathname = _parse2.pathname,
|
|
25
|
+
query = _parse2.query,
|
|
26
|
+
hash = _parse2.hash;
|
|
33
27
|
return pathname + query + hash;
|
|
34
28
|
}
|
|
35
|
-
|
|
36
29
|
function hasPropsAt(url) {
|
|
37
30
|
url = new _urlParse["default"](url, {}, true);
|
|
38
31
|
var query = url.query;
|
|
39
32
|
return !!query['props_at'];
|
|
40
33
|
}
|
|
41
|
-
|
|
42
34
|
function withFormatJson(url) {
|
|
43
35
|
url = new _urlParse["default"](url, {}, true);
|
|
44
36
|
url.query['format'] = 'json';
|
|
45
37
|
return url.toString();
|
|
46
38
|
}
|
|
47
|
-
|
|
48
39
|
function pathWithoutBZParams(url) {
|
|
49
40
|
url = new _urlParse["default"](url, {}, true);
|
|
50
41
|
var query = url.query;
|
|
@@ -53,7 +44,6 @@ function pathWithoutBZParams(url) {
|
|
|
53
44
|
url.query = query;
|
|
54
45
|
return pathQueryHash(url.toString());
|
|
55
46
|
}
|
|
56
|
-
|
|
57
47
|
function removePropsAt(url) {
|
|
58
48
|
url = new _urlParse["default"](url, {}, true);
|
|
59
49
|
var query = url.query;
|
|
@@ -61,7 +51,6 @@ function removePropsAt(url) {
|
|
|
61
51
|
url.query = query;
|
|
62
52
|
return url.toString();
|
|
63
53
|
}
|
|
64
|
-
|
|
65
54
|
function urlToPageKey(url) {
|
|
66
55
|
url = new _urlParse["default"](url, {}, true);
|
|
67
56
|
var query = url.query;
|
|
@@ -70,13 +59,11 @@ function urlToPageKey(url) {
|
|
|
70
59
|
url.query = query;
|
|
71
60
|
return pathQuery(url.toString());
|
|
72
61
|
}
|
|
73
|
-
|
|
74
62
|
function withoutHash(url) {
|
|
75
63
|
url = new _urlParse["default"](url, {}, true);
|
|
76
64
|
url.hash = '';
|
|
77
65
|
return url.toString();
|
|
78
66
|
}
|
|
79
|
-
|
|
80
67
|
function withoutBusters(url) {
|
|
81
68
|
url = new _urlParse["default"](url, {}, true);
|
|
82
69
|
var query = url.query;
|
|
@@ -84,7 +71,6 @@ function withoutBusters(url) {
|
|
|
84
71
|
url.query = query;
|
|
85
72
|
return pathQuery(url.toString());
|
|
86
73
|
}
|
|
87
|
-
|
|
88
74
|
function formatForXHR(url) {
|
|
89
75
|
var formats = [withoutHash, withFormatJson];
|
|
90
76
|
return formats.reduce(function (memo, f) {
|