@thoughtbot/superglue 0.53.4 → 0.54.0
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/.babelrc.js +15 -0
- package/.prettierignore +6 -0
- package/.prettierrc +5 -0
- package/.tool-versions +1 -0
- package/LICENSE +21 -0
- package/dist/action_creators.d.mts +25 -0
- package/dist/action_creators.mjs +17 -0
- package/dist/action_creators.mjs.map +1 -0
- package/dist/chunk-MNVGYKSD.mjs +779 -0
- package/dist/chunk-MNVGYKSD.mjs.map +1 -0
- package/dist/cjs/action_creators.cjs +597 -0
- package/dist/cjs/action_creators.cjs.map +1 -0
- package/dist/cjs/superglue.cjs +1278 -0
- package/dist/cjs/superglue.cjs.map +1 -0
- package/dist/index-DfWsUSqv.d.mts +246 -0
- package/dist/superglue.d.mts +65 -0
- package/dist/superglue.mjs +613 -0
- package/dist/superglue.mjs.map +1 -0
- package/package.json +60 -25
- package/tsconfig.json +15 -0
- package/tsup.config.ts +29 -0
- package/typedoc.json +30 -0
- package/README.md +0 -126
- package/action_creators/index.js +0 -144
- package/action_creators/requests.js +0 -207
- package/actions.js +0 -17
- package/components/Nav.js +0 -211
- package/config.js +0 -8
- package/index.js +0 -215
- package/middleware.js +0 -63
- package/reducers/index.js +0 -225
- package/utils/helpers.js +0 -33
- package/utils/immutability.js +0 -128
- package/utils/index.js +0 -45
- package/utils/react.js +0 -40
- package/utils/request.js +0 -120
- package/utils/ujs.js +0 -110
- package/utils/url.js +0 -79
- package/utils/window.js +0 -14
package/reducers/index.js
DELETED
|
@@ -1,225 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
exports.appendReceivedFragmentsOntoPage = appendReceivedFragmentsOntoPage;
|
|
5
|
-
exports.graftNodeOntoPage = graftNodeOntoPage;
|
|
6
|
-
exports.handleGraft = handleGraft;
|
|
7
|
-
exports.metaReducer = metaReducer;
|
|
8
|
-
exports.pageReducer = pageReducer;
|
|
9
|
-
exports.rootReducer = void 0;
|
|
10
|
-
exports.superglueReducer = superglueReducer;
|
|
11
|
-
var _utils = require("../utils");
|
|
12
|
-
var _actions = require("../actions");
|
|
13
|
-
var _config = require("../config");
|
|
14
|
-
function addPlaceholdersToDeferredNodes(existingPage, page) {
|
|
15
|
-
var _existingPage$defers = existingPage.defers,
|
|
16
|
-
defers = _existingPage$defers === void 0 ? [] : _existingPage$defers;
|
|
17
|
-
var prevDefers = defers.map(function (_ref) {
|
|
18
|
-
var path = _ref.path;
|
|
19
|
-
var node = (0, _utils.getIn)(existingPage, path);
|
|
20
|
-
var copy = JSON.stringify(node);
|
|
21
|
-
return [path, JSON.parse(copy)];
|
|
22
|
-
});
|
|
23
|
-
return prevDefers.reduce(function (memo, _ref2) {
|
|
24
|
-
var path = _ref2[0],
|
|
25
|
-
node = _ref2[1];
|
|
26
|
-
return (0, _utils.setIn)(page, path, node);
|
|
27
|
-
}, page);
|
|
28
|
-
}
|
|
29
|
-
function constrainPagesSize(state) {
|
|
30
|
-
var maxPages = _config.config.maxPages;
|
|
31
|
-
var allPageKeys = Object.keys(state);
|
|
32
|
-
var cacheTimesRecentFirst = allPageKeys.map(function (key) {
|
|
33
|
-
return state[key].savedAt;
|
|
34
|
-
}).sort(function (a, b) {
|
|
35
|
-
return b - a;
|
|
36
|
-
});
|
|
37
|
-
for (var _i = 0, _Array$from = Array.from(allPageKeys); _i < _Array$from.length; _i++) {
|
|
38
|
-
var key = _Array$from[_i];
|
|
39
|
-
if (state[key].savedAt <= cacheTimesRecentFirst[maxPages - 1]) {
|
|
40
|
-
delete state[key];
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
function saveResponse(state, pageKey, page) {
|
|
45
|
-
state = Object.assign({}, state);
|
|
46
|
-
page = Object.assign({
|
|
47
|
-
pageKey: pageKey,
|
|
48
|
-
fragments: []
|
|
49
|
-
}, page, {
|
|
50
|
-
savedAt: Date.now()
|
|
51
|
-
});
|
|
52
|
-
var existingPage = state[pageKey];
|
|
53
|
-
if (existingPage) {
|
|
54
|
-
page = addPlaceholdersToDeferredNodes(existingPage, page);
|
|
55
|
-
}
|
|
56
|
-
constrainPagesSize(state);
|
|
57
|
-
state[pageKey] = page;
|
|
58
|
-
return state;
|
|
59
|
-
}
|
|
60
|
-
function appendReceivedFragmentsOntoPage(state, pageKey, receivedFragments) {
|
|
61
|
-
if (!pageKey) {
|
|
62
|
-
return state;
|
|
63
|
-
}
|
|
64
|
-
if (receivedFragments.length === 0) {
|
|
65
|
-
return state;
|
|
66
|
-
}
|
|
67
|
-
var currentPage = state[pageKey];
|
|
68
|
-
var _currentPage$fragment = currentPage.fragments,
|
|
69
|
-
prevFragments = _currentPage$fragment === void 0 ? [] : _currentPage$fragment;
|
|
70
|
-
var nextFragments = [].concat(prevFragments);
|
|
71
|
-
var existingKeys = {};
|
|
72
|
-
prevFragments.forEach(function (frag) {
|
|
73
|
-
return existingKeys[frag.path] = true;
|
|
74
|
-
});
|
|
75
|
-
receivedFragments.forEach(function (frag) {
|
|
76
|
-
if (!existingKeys[frag.path]) {
|
|
77
|
-
nextFragments.push(frag);
|
|
78
|
-
}
|
|
79
|
-
});
|
|
80
|
-
var nextPage = Object.assign({}, currentPage, {
|
|
81
|
-
fragments: nextFragments
|
|
82
|
-
});
|
|
83
|
-
var nextState = Object.assign({}, state);
|
|
84
|
-
nextState[pageKey] = nextPage;
|
|
85
|
-
return nextState;
|
|
86
|
-
}
|
|
87
|
-
function graftNodeOntoPage(state, pageKey, node, pathToNode) {
|
|
88
|
-
if (!node) {
|
|
89
|
-
console.warn('There was no node returned in the response. Do you have the correct key path in your props_at?');
|
|
90
|
-
return state;
|
|
91
|
-
}
|
|
92
|
-
if (!pathToNode || !pageKey) {
|
|
93
|
-
return state;
|
|
94
|
-
}
|
|
95
|
-
var fullPathToNode = [pageKey, pathToNode].join('.');
|
|
96
|
-
return (0, _utils.setIn)(state, fullPathToNode, node);
|
|
97
|
-
}
|
|
98
|
-
function handleGraft(state, pageKey, page) {
|
|
99
|
-
var currentPage = state[pageKey];
|
|
100
|
-
if (!currentPage) {
|
|
101
|
-
var error = new Error("Superglue was looking for " + pageKey + " in your state, but could not find it in your mapping. Did you forget to pass in a valid pageKey to this.props.remote or this.props.visit?");
|
|
102
|
-
throw error;
|
|
103
|
-
}
|
|
104
|
-
var receivedNode = page.data,
|
|
105
|
-
pathToNode = page.path,
|
|
106
|
-
_page$fragments = page.fragments,
|
|
107
|
-
receivedFragments = _page$fragments === void 0 ? [] : _page$fragments;
|
|
108
|
-
return [function (nextState) {
|
|
109
|
-
return graftNodeOntoPage(nextState, pageKey, receivedNode, pathToNode);
|
|
110
|
-
}, function (nextState) {
|
|
111
|
-
return appendReceivedFragmentsOntoPage(nextState, pageKey, receivedFragments);
|
|
112
|
-
}].reduce(function (memo, fn) {
|
|
113
|
-
return fn(memo);
|
|
114
|
-
}, state);
|
|
115
|
-
}
|
|
116
|
-
function pageReducer(state, action) {
|
|
117
|
-
if (state === void 0) {
|
|
118
|
-
state = {};
|
|
119
|
-
}
|
|
120
|
-
switch (action.type) {
|
|
121
|
-
case _actions.SAVE_RESPONSE:
|
|
122
|
-
{
|
|
123
|
-
var _action$payload = action.payload,
|
|
124
|
-
pageKey = _action$payload.pageKey,
|
|
125
|
-
page = _action$payload.page;
|
|
126
|
-
return saveResponse(state, pageKey, page);
|
|
127
|
-
}
|
|
128
|
-
case _actions.HANDLE_GRAFT:
|
|
129
|
-
{
|
|
130
|
-
var _action$payload2 = action.payload,
|
|
131
|
-
_pageKey = _action$payload2.pageKey,
|
|
132
|
-
_page = _action$payload2.page;
|
|
133
|
-
return handleGraft(state, _pageKey, _page);
|
|
134
|
-
}
|
|
135
|
-
case _actions.UPDATE_FRAGMENTS:
|
|
136
|
-
{
|
|
137
|
-
var changedFragments = action.payload.changedFragments;
|
|
138
|
-
var nextState = state;
|
|
139
|
-
Object.entries(state).forEach(function (_ref3) {
|
|
140
|
-
var pageKey = _ref3[0],
|
|
141
|
-
page = _ref3[1];
|
|
142
|
-
page.fragments.forEach(function (fragment) {
|
|
143
|
-
var type = fragment.type,
|
|
144
|
-
path = fragment.path;
|
|
145
|
-
var changedNode = changedFragments[type];
|
|
146
|
-
var currentNode = (0, _utils.getIn)(nextState, pageKey + "." + path);
|
|
147
|
-
if (type in changedFragments && changedNode !== currentNode) {
|
|
148
|
-
var nextNode = JSON.parse(JSON.stringify(changedNode));
|
|
149
|
-
nextState = (0, _utils.setIn)(nextState, pageKey + "." + path, nextNode);
|
|
150
|
-
}
|
|
151
|
-
});
|
|
152
|
-
});
|
|
153
|
-
return nextState;
|
|
154
|
-
}
|
|
155
|
-
case _actions.COPY_PAGE:
|
|
156
|
-
{
|
|
157
|
-
var _nextState = Object.assign({}, state);
|
|
158
|
-
var _action$payload3 = action.payload,
|
|
159
|
-
from = _action$payload3.from,
|
|
160
|
-
to = _action$payload3.to;
|
|
161
|
-
_nextState[(0, _utils.urlToPageKey)(to)] = JSON.parse(JSON.stringify(_nextState[from]));
|
|
162
|
-
return _nextState;
|
|
163
|
-
}
|
|
164
|
-
case _actions.REMOVE_PAGE:
|
|
165
|
-
{
|
|
166
|
-
var _pageKey2 = action.payload.pageKey;
|
|
167
|
-
var _nextState2 = Object.assign({}, state);
|
|
168
|
-
delete _nextState2[_pageKey2];
|
|
169
|
-
return _nextState2;
|
|
170
|
-
}
|
|
171
|
-
default:
|
|
172
|
-
return state;
|
|
173
|
-
}
|
|
174
|
-
}
|
|
175
|
-
function metaReducer(state, action) {
|
|
176
|
-
if (state === void 0) {
|
|
177
|
-
state = {};
|
|
178
|
-
}
|
|
179
|
-
switch (action.type) {
|
|
180
|
-
case _actions.HISTORY_CHANGE:
|
|
181
|
-
{
|
|
182
|
-
var _action$payload4 = action.payload,
|
|
183
|
-
pathname = _action$payload4.pathname,
|
|
184
|
-
search = _action$payload4.search,
|
|
185
|
-
hash = _action$payload4.hash;
|
|
186
|
-
var currentPageKey = (0, _utils.urlToPageKey)(pathname + search);
|
|
187
|
-
return Object.assign({}, state, {
|
|
188
|
-
currentPageKey: currentPageKey,
|
|
189
|
-
pathname: pathname,
|
|
190
|
-
search: search,
|
|
191
|
-
hash: hash
|
|
192
|
-
});
|
|
193
|
-
}
|
|
194
|
-
case _actions.SAVE_RESPONSE:
|
|
195
|
-
{
|
|
196
|
-
var _action$payload$page = action.payload.page,
|
|
197
|
-
csrfToken = _action$payload$page.csrfToken,
|
|
198
|
-
assets = _action$payload$page.assets;
|
|
199
|
-
return Object.assign({}, state, {
|
|
200
|
-
csrfToken: csrfToken,
|
|
201
|
-
assets: assets
|
|
202
|
-
});
|
|
203
|
-
}
|
|
204
|
-
case _actions.SET_CSRF_TOKEN:
|
|
205
|
-
{
|
|
206
|
-
var _csrfToken = action.payload.csrfToken;
|
|
207
|
-
return Object.assign({}, state, {
|
|
208
|
-
csrfToken: _csrfToken
|
|
209
|
-
});
|
|
210
|
-
}
|
|
211
|
-
default:
|
|
212
|
-
return state;
|
|
213
|
-
}
|
|
214
|
-
}
|
|
215
|
-
function superglueReducer(state, action) {
|
|
216
|
-
if (state === void 0) {
|
|
217
|
-
state = {};
|
|
218
|
-
}
|
|
219
|
-
var meta = metaReducer(state, action);
|
|
220
|
-
return Object.assign({}, meta);
|
|
221
|
-
}
|
|
222
|
-
var rootReducer = exports.rootReducer = {
|
|
223
|
-
superglue: superglueReducer,
|
|
224
|
-
pages: pageReducer
|
|
225
|
-
};
|
package/utils/helpers.js
DELETED
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
exports.argsForHistory = argsForHistory;
|
|
5
|
-
exports.extractNodeAndPath = extractNodeAndPath;
|
|
6
|
-
exports.isGraft = isGraft;
|
|
7
|
-
var _url = require("./url");
|
|
8
|
-
function isGraft(page) {
|
|
9
|
-
return page.action === 'graft';
|
|
10
|
-
}
|
|
11
|
-
function extractNodeAndPath(page) {
|
|
12
|
-
var node = page.data,
|
|
13
|
-
action = page.action,
|
|
14
|
-
pathToNode = page.path;
|
|
15
|
-
if (action === 'graft') {
|
|
16
|
-
return {
|
|
17
|
-
node: node,
|
|
18
|
-
pathToNode: pathToNode
|
|
19
|
-
};
|
|
20
|
-
} else {
|
|
21
|
-
var errMsg = 'Expected page to be a graft response rendered from node filtering.';
|
|
22
|
-
throw new Error(errMsg);
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
function argsForHistory(path) {
|
|
26
|
-
var pageKey = (0, _url.urlToPageKey)(path);
|
|
27
|
-
return [path, {
|
|
28
|
-
superglue: true,
|
|
29
|
-
pageKey: pageKey,
|
|
30
|
-
posX: 0,
|
|
31
|
-
posY: 0
|
|
32
|
-
}];
|
|
33
|
-
}
|
package/utils/immutability.js
DELETED
|
@@ -1,128 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
exports.KeyPathError = void 0;
|
|
5
|
-
exports.getIn = getIn;
|
|
6
|
-
exports.setIn = setIn;
|
|
7
|
-
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
|
|
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); }
|
|
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); }
|
|
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; } }
|
|
11
|
-
function _isNativeFunction(fn) { return Function.toString.call(fn).indexOf("[native code]") !== -1; }
|
|
12
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
13
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
14
|
-
// These were taken from Scour.js
|
|
15
|
-
// Then, modified to respect the id=0 keypath
|
|
16
|
-
|
|
17
|
-
var isSearchable = /^[\da-zA-Z\-_=.]+$/;
|
|
18
|
-
var KeyPathError = exports.KeyPathError = /*#__PURE__*/function (_Error) {
|
|
19
|
-
_inheritsLoose(KeyPathError, _Error);
|
|
20
|
-
function KeyPathError(message) {
|
|
21
|
-
var _this;
|
|
22
|
-
_this = _Error.call(this, message) || this;
|
|
23
|
-
_this.name = 'KeyPathError';
|
|
24
|
-
return _this;
|
|
25
|
-
}
|
|
26
|
-
return KeyPathError;
|
|
27
|
-
}( /*#__PURE__*/_wrapNativeSuper(Error));
|
|
28
|
-
function getIn(obj, path) {
|
|
29
|
-
var keyPath = normalizeKeyPath(path);
|
|
30
|
-
var result = obj;
|
|
31
|
-
for (var i = 0; i < keyPath.length; i++) {
|
|
32
|
-
var key = keyPath[i];
|
|
33
|
-
if (!result) {
|
|
34
|
-
break;
|
|
35
|
-
}
|
|
36
|
-
result = atKey(result, key);
|
|
37
|
-
}
|
|
38
|
-
return result;
|
|
39
|
-
}
|
|
40
|
-
function clone(object) {
|
|
41
|
-
return Array.isArray(object) ? [].slice.call(object) : Object.assign({}, object);
|
|
42
|
-
}
|
|
43
|
-
function getKey(node, key) {
|
|
44
|
-
if (Array.isArray(node) && isNaN(key)) {
|
|
45
|
-
var key_parts = Array.from(key.split('='));
|
|
46
|
-
var attr = key_parts[0];
|
|
47
|
-
var id = key_parts[1];
|
|
48
|
-
var i, child;
|
|
49
|
-
if (!id) {
|
|
50
|
-
return key;
|
|
51
|
-
}
|
|
52
|
-
for (i = 0; i < node.length; i++) {
|
|
53
|
-
child = node[i];
|
|
54
|
-
if (child[attr].toString() === id) {
|
|
55
|
-
break;
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
return i;
|
|
59
|
-
} else {
|
|
60
|
-
return key;
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
function isArray(ary) {
|
|
64
|
-
return Array.isArray(ary);
|
|
65
|
-
}
|
|
66
|
-
function isObject(obj) {
|
|
67
|
-
return !isArray(obj) && obj === Object(obj);
|
|
68
|
-
}
|
|
69
|
-
function atKey(node, key) {
|
|
70
|
-
var id, attr;
|
|
71
|
-
if (isSearchable.test(key)) {
|
|
72
|
-
// eslint-disable-next-line
|
|
73
|
-
;
|
|
74
|
-
var _Array$from = Array.from(key.split('='));
|
|
75
|
-
attr = _Array$from[0];
|
|
76
|
-
id = _Array$from[1];
|
|
77
|
-
}
|
|
78
|
-
if (!isArray(node) && !isObject(node)) {
|
|
79
|
-
throw new KeyPathError("Expected to traverse an Array or Obj, got " + JSON.stringify(node));
|
|
80
|
-
}
|
|
81
|
-
if (isObject(node) && id) {
|
|
82
|
-
throw new KeyPathError("Expected to find an Array when using the key: " + key);
|
|
83
|
-
}
|
|
84
|
-
if (Array.isArray(node) && id) {
|
|
85
|
-
var child;
|
|
86
|
-
for (var i = 0; i < node.length; i++) {
|
|
87
|
-
child = node[i];
|
|
88
|
-
if (child[attr].toString() === id) {
|
|
89
|
-
break;
|
|
90
|
-
}
|
|
91
|
-
}
|
|
92
|
-
if (child[attr].toString() === id) {
|
|
93
|
-
return child;
|
|
94
|
-
} else {
|
|
95
|
-
return undefined;
|
|
96
|
-
}
|
|
97
|
-
} else {
|
|
98
|
-
return node[key];
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
function normalizeKeyPath(path) {
|
|
102
|
-
if (typeof path === 'string') {
|
|
103
|
-
path = path.replace(/ /g, '');
|
|
104
|
-
if (path === '') {
|
|
105
|
-
return [];
|
|
106
|
-
}
|
|
107
|
-
return path.split('.');
|
|
108
|
-
} else {
|
|
109
|
-
return path;
|
|
110
|
-
}
|
|
111
|
-
}
|
|
112
|
-
function setIn(object, keypath, value) {
|
|
113
|
-
keypath = normalizeKeyPath(keypath);
|
|
114
|
-
var results = {};
|
|
115
|
-
var parents = {};
|
|
116
|
-
var i;
|
|
117
|
-
parents[0] = object;
|
|
118
|
-
for (i = 0; i < keypath.length; i++) {
|
|
119
|
-
parents[i + 1] = atKey(parents[i], keypath[i]);
|
|
120
|
-
}
|
|
121
|
-
results[keypath.length] = value;
|
|
122
|
-
for (i = keypath.length - 1; i >= 0; i--) {
|
|
123
|
-
results[i] = clone(parents[i]);
|
|
124
|
-
var key = getKey(results[i], keypath[i]);
|
|
125
|
-
results[i][key] = results[i + 1];
|
|
126
|
-
}
|
|
127
|
-
return results[0];
|
|
128
|
-
}
|
package/utils/index.js
DELETED
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
var _helpers = require("./helpers");
|
|
5
|
-
Object.keys(_helpers).forEach(function (key) {
|
|
6
|
-
if (key === "default" || key === "__esModule") return;
|
|
7
|
-
if (key in exports && exports[key] === _helpers[key]) return;
|
|
8
|
-
exports[key] = _helpers[key];
|
|
9
|
-
});
|
|
10
|
-
var _immutability = require("./immutability");
|
|
11
|
-
Object.keys(_immutability).forEach(function (key) {
|
|
12
|
-
if (key === "default" || key === "__esModule") return;
|
|
13
|
-
if (key in exports && exports[key] === _immutability[key]) return;
|
|
14
|
-
exports[key] = _immutability[key];
|
|
15
|
-
});
|
|
16
|
-
var _react = require("./react");
|
|
17
|
-
Object.keys(_react).forEach(function (key) {
|
|
18
|
-
if (key === "default" || key === "__esModule") return;
|
|
19
|
-
if (key in exports && exports[key] === _react[key]) return;
|
|
20
|
-
exports[key] = _react[key];
|
|
21
|
-
});
|
|
22
|
-
var _request = require("./request");
|
|
23
|
-
Object.keys(_request).forEach(function (key) {
|
|
24
|
-
if (key === "default" || key === "__esModule") return;
|
|
25
|
-
if (key in exports && exports[key] === _request[key]) return;
|
|
26
|
-
exports[key] = _request[key];
|
|
27
|
-
});
|
|
28
|
-
var _ujs = require("./ujs");
|
|
29
|
-
Object.keys(_ujs).forEach(function (key) {
|
|
30
|
-
if (key === "default" || key === "__esModule") return;
|
|
31
|
-
if (key in exports && exports[key] === _ujs[key]) return;
|
|
32
|
-
exports[key] = _ujs[key];
|
|
33
|
-
});
|
|
34
|
-
var _url = require("./url");
|
|
35
|
-
Object.keys(_url).forEach(function (key) {
|
|
36
|
-
if (key === "default" || key === "__esModule") return;
|
|
37
|
-
if (key in exports && exports[key] === _url[key]) return;
|
|
38
|
-
exports[key] = _url[key];
|
|
39
|
-
});
|
|
40
|
-
var _window = require("./window");
|
|
41
|
-
Object.keys(_window).forEach(function (key) {
|
|
42
|
-
if (key === "default" || key === "__esModule") return;
|
|
43
|
-
if (key in exports && exports[key] === _window[key]) return;
|
|
44
|
-
exports[key] = _window[key];
|
|
45
|
-
});
|
package/utils/react.js
DELETED
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
exports.mapDispatchToPropsIncludingVisitAndRemote = exports.mapDispatchToProps = void 0;
|
|
5
|
-
exports.mapStateToProps = mapStateToProps;
|
|
6
|
-
var _action_creators = require("../action_creators");
|
|
7
|
-
var _url = require("./url");
|
|
8
|
-
function mapStateToProps(state, ownProps) {
|
|
9
|
-
if (state === void 0) {
|
|
10
|
-
state = {
|
|
11
|
-
pages: {},
|
|
12
|
-
superglue: {}
|
|
13
|
-
};
|
|
14
|
-
}
|
|
15
|
-
var pageKey = ownProps.pageKey;
|
|
16
|
-
var params = ownProps;
|
|
17
|
-
var csrfToken = state.superglue.csrfToken;
|
|
18
|
-
pageKey = (0, _url.urlToPageKey)(pageKey);
|
|
19
|
-
var _ref = state.pages[pageKey] || {
|
|
20
|
-
data: {},
|
|
21
|
-
fragments: []
|
|
22
|
-
},
|
|
23
|
-
data = _ref.data,
|
|
24
|
-
fragments = _ref.fragments;
|
|
25
|
-
return Object.assign({}, data, params, {
|
|
26
|
-
pageKey: pageKey,
|
|
27
|
-
csrfToken: csrfToken,
|
|
28
|
-
fragments: fragments
|
|
29
|
-
});
|
|
30
|
-
}
|
|
31
|
-
var mapDispatchToProps = exports.mapDispatchToProps = {
|
|
32
|
-
saveAndProcessPage: _action_creators.saveAndProcessPage,
|
|
33
|
-
copyPage: _action_creators.copyPage
|
|
34
|
-
};
|
|
35
|
-
var mapDispatchToPropsIncludingVisitAndRemote = exports.mapDispatchToPropsIncludingVisitAndRemote = {
|
|
36
|
-
visit: _action_creators.visit,
|
|
37
|
-
remote: _action_creators.remote,
|
|
38
|
-
saveAndProcessPage: _action_creators.saveAndProcessPage,
|
|
39
|
-
copyPage: _action_creators.copyPage
|
|
40
|
-
};
|
package/utils/request.js
DELETED
|
@@ -1,120 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
exports.argsForFetch = argsForFetch;
|
|
5
|
-
exports.extractJSON = extractJSON;
|
|
6
|
-
exports.handleServerErrors = handleServerErrors;
|
|
7
|
-
exports.isValidContent = isValidContent;
|
|
8
|
-
exports.isValidResponse = isValidResponse;
|
|
9
|
-
exports.parseResponse = parseResponse;
|
|
10
|
-
exports.validateResponse = validateResponse;
|
|
11
|
-
var _urlParse = _interopRequireDefault(require("url-parse"));
|
|
12
|
-
var _url = require("./url");
|
|
13
|
-
var _config = require("../config");
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
-
function isValidResponse(xhr) {
|
|
16
|
-
return isValidContent(xhr) && !downloadingFile(xhr);
|
|
17
|
-
}
|
|
18
|
-
function isValidContent(rsp) {
|
|
19
|
-
var contentType = rsp.headers.get('content-type');
|
|
20
|
-
var jsContent = /^(?:application\/json)(?:;|$)/;
|
|
21
|
-
return !!(contentType !== undefined && contentType.match(jsContent));
|
|
22
|
-
}
|
|
23
|
-
function downloadingFile(xhr) {
|
|
24
|
-
var disposition = xhr.headers.get('content-disposition');
|
|
25
|
-
return disposition !== undefined && disposition !== null && disposition.match(/^attachment/);
|
|
26
|
-
}
|
|
27
|
-
function validateResponse(args) {
|
|
28
|
-
var rsp = args.rsp;
|
|
29
|
-
if (isValidResponse(rsp)) {
|
|
30
|
-
return args;
|
|
31
|
-
} else {
|
|
32
|
-
var error = new Error('Invalid Superglue Response');
|
|
33
|
-
error.response = rsp;
|
|
34
|
-
throw error;
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
function handleServerErrors(args) {
|
|
38
|
-
var rsp = args.rsp;
|
|
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
|
-
}
|
|
43
|
-
var error = new Error(rsp.statusText);
|
|
44
|
-
error.response = rsp;
|
|
45
|
-
throw error;
|
|
46
|
-
}
|
|
47
|
-
return args;
|
|
48
|
-
}
|
|
49
|
-
function argsForFetch(getState, pathQuery, _temp) {
|
|
50
|
-
var _ref = _temp === void 0 ? {} : _temp,
|
|
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;
|
|
58
|
-
method = method.toUpperCase();
|
|
59
|
-
var currentState = getState().superglue || {};
|
|
60
|
-
var jsAccept = 'application/json';
|
|
61
|
-
headers = Object.assign({}, headers, {
|
|
62
|
-
accept: jsAccept,
|
|
63
|
-
'x-requested-with': 'XMLHttpRequest',
|
|
64
|
-
'x-superglue-request': true
|
|
65
|
-
});
|
|
66
|
-
|
|
67
|
-
// This needs to be done better. This is saying to
|
|
68
|
-
// remove the content-type header from UJS form
|
|
69
|
-
// submissions.
|
|
70
|
-
var fromUJSForm = headers['content-type'] === null;
|
|
71
|
-
if (method != 'GET' && method != 'HEAD') {
|
|
72
|
-
headers['content-type'] = 'application/json';
|
|
73
|
-
}
|
|
74
|
-
if (fromUJSForm) {
|
|
75
|
-
delete headers['content-type'];
|
|
76
|
-
}
|
|
77
|
-
if (currentState.csrfToken) {
|
|
78
|
-
headers['x-csrf-token'] = currentState.csrfToken;
|
|
79
|
-
}
|
|
80
|
-
var fetchPath = new _urlParse["default"]((0, _url.formatForXHR)(pathQuery), _config.config.baseUrl || {}, false);
|
|
81
|
-
var credentials = 'same-origin';
|
|
82
|
-
if (!(method == 'GET' || method == 'HEAD')) {
|
|
83
|
-
headers['x-http-method-override'] = method;
|
|
84
|
-
method = 'POST';
|
|
85
|
-
}
|
|
86
|
-
var options = {
|
|
87
|
-
method: method,
|
|
88
|
-
headers: headers,
|
|
89
|
-
body: body,
|
|
90
|
-
credentials: credentials,
|
|
91
|
-
signal: signal
|
|
92
|
-
};
|
|
93
|
-
if (currentState.currentPageKey) {
|
|
94
|
-
var referrer = new _urlParse["default"](currentState.currentPageKey, _config.config.baseUrl || {}, false).href;
|
|
95
|
-
options.referrer = referrer;
|
|
96
|
-
}
|
|
97
|
-
if (method == 'GET' || method == 'HEAD') {
|
|
98
|
-
if (options.body instanceof FormData) {
|
|
99
|
-
var allData = new URLSearchParams(options.body).toString();
|
|
100
|
-
// fetchPath will always have atleast /?format=json
|
|
101
|
-
fetchPath.query = fetchPath.query + '&' + allData;
|
|
102
|
-
}
|
|
103
|
-
delete options.body;
|
|
104
|
-
}
|
|
105
|
-
return [fetchPath.toString(), options];
|
|
106
|
-
}
|
|
107
|
-
function extractJSON(rsp) {
|
|
108
|
-
return rsp.json().then(function (json) {
|
|
109
|
-
return {
|
|
110
|
-
rsp: rsp,
|
|
111
|
-
json: json
|
|
112
|
-
};
|
|
113
|
-
})["catch"](function (e) {
|
|
114
|
-
e.response = rsp;
|
|
115
|
-
throw e;
|
|
116
|
-
});
|
|
117
|
-
}
|
|
118
|
-
function parseResponse(prm) {
|
|
119
|
-
return Promise.resolve(prm).then(extractJSON).then(handleServerErrors).then(validateResponse);
|
|
120
|
-
}
|
package/utils/ujs.js
DELETED
|
@@ -1,110 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
exports.ujsHandlers = exports.HandlerBuilder = void 0;
|
|
5
|
-
var _url = require("./url");
|
|
6
|
-
var HandlerBuilder = exports.HandlerBuilder = /*#__PURE__*/function () {
|
|
7
|
-
function HandlerBuilder(_ref) {
|
|
8
|
-
var ujsAttributePrefix = _ref.ujsAttributePrefix,
|
|
9
|
-
visit = _ref.visit,
|
|
10
|
-
remote = _ref.remote;
|
|
11
|
-
this.attributePrefix = ujsAttributePrefix;
|
|
12
|
-
this.isUJS = this.isUJS.bind(this);
|
|
13
|
-
this.handleSubmit = this.handleSubmit.bind(this);
|
|
14
|
-
this.handleClick = this.handleClick.bind(this);
|
|
15
|
-
this.visit = visit;
|
|
16
|
-
this.remote = remote;
|
|
17
|
-
this.visitOrRemote = this.visitOrRemote.bind(this);
|
|
18
|
-
}
|
|
19
|
-
var _proto = HandlerBuilder.prototype;
|
|
20
|
-
_proto.retrieveLink = function retrieveLink(target) {
|
|
21
|
-
var link = target;
|
|
22
|
-
while (!!link.parentNode && link.nodeName.toLowerCase() !== 'a') {
|
|
23
|
-
link = link.parentNode;
|
|
24
|
-
}
|
|
25
|
-
if (link.nodeName.toLowerCase() === 'a' && link.href.length !== 0) {
|
|
26
|
-
return link;
|
|
27
|
-
}
|
|
28
|
-
};
|
|
29
|
-
_proto.isNonStandardClick = function isNonStandardClick(event) {
|
|
30
|
-
return event.which > 1 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey;
|
|
31
|
-
};
|
|
32
|
-
_proto.isUJS = function isUJS(node) {
|
|
33
|
-
var hasVisit = !!node.getAttribute(this.attributePrefix + '-visit');
|
|
34
|
-
var hasRemote = !!node.getAttribute(this.attributePrefix + '-remote');
|
|
35
|
-
return hasVisit || hasRemote;
|
|
36
|
-
};
|
|
37
|
-
_proto.handleSubmit = function handleSubmit(event) {
|
|
38
|
-
var form = event.target;
|
|
39
|
-
if (form.nodeName.toLowerCase() !== 'form' || !this.isUJS(form)) {
|
|
40
|
-
return;
|
|
41
|
-
}
|
|
42
|
-
event.preventDefault();
|
|
43
|
-
var url = form.getAttribute('action');
|
|
44
|
-
var method = (form.getAttribute('method') || 'POST').toUpperCase();
|
|
45
|
-
url = (0, _url.withoutBusters)(url);
|
|
46
|
-
this.visitOrRemote(form, url, {
|
|
47
|
-
method: method,
|
|
48
|
-
headers: {
|
|
49
|
-
'content-type': null
|
|
50
|
-
},
|
|
51
|
-
body: new FormData(event.target)
|
|
52
|
-
});
|
|
53
|
-
};
|
|
54
|
-
_proto.handleClick = function handleClick(event) {
|
|
55
|
-
var link = this.retrieveLink(event.target);
|
|
56
|
-
var isNonStandard = this.isNonStandardClick(event);
|
|
57
|
-
if (!link || isNonStandard || !this.isUJS(link)) {
|
|
58
|
-
return;
|
|
59
|
-
}
|
|
60
|
-
event.preventDefault();
|
|
61
|
-
var url = link.getAttribute('href');
|
|
62
|
-
url = (0, _url.withoutBusters)(url);
|
|
63
|
-
this.visitOrRemote(link, url, {
|
|
64
|
-
method: 'GET'
|
|
65
|
-
});
|
|
66
|
-
};
|
|
67
|
-
_proto.visitOrRemote = function visitOrRemote(linkOrForm, url, opts) {
|
|
68
|
-
if (opts === void 0) {
|
|
69
|
-
opts = {};
|
|
70
|
-
}
|
|
71
|
-
var target;
|
|
72
|
-
if (linkOrForm.getAttribute(this.attributePrefix + '-visit')) {
|
|
73
|
-
target = this.visit;
|
|
74
|
-
var placeholderKey = linkOrForm.getAttribute(this.attributePrefix + '-placeholder');
|
|
75
|
-
if (placeholderKey) {
|
|
76
|
-
opts.placeholderKey = (0, _url.urlToPageKey)(placeholderKey);
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
if (linkOrForm.getAttribute(this.attributePrefix + '-remote')) {
|
|
80
|
-
target = this.remote;
|
|
81
|
-
}
|
|
82
|
-
if (!target) {
|
|
83
|
-
return;
|
|
84
|
-
} else {
|
|
85
|
-
return target(url, opts);
|
|
86
|
-
}
|
|
87
|
-
};
|
|
88
|
-
_proto.handlers = function handlers() {
|
|
89
|
-
return {
|
|
90
|
-
onClick: this.handleClick,
|
|
91
|
-
onSubmit: this.handleSubmit
|
|
92
|
-
};
|
|
93
|
-
};
|
|
94
|
-
return HandlerBuilder;
|
|
95
|
-
}();
|
|
96
|
-
var ujsHandlers = exports.ujsHandlers = function ujsHandlers(_ref2) {
|
|
97
|
-
var navigatorRef = _ref2.navigatorRef,
|
|
98
|
-
store = _ref2.store,
|
|
99
|
-
ujsAttributePrefix = _ref2.ujsAttributePrefix,
|
|
100
|
-
visit = _ref2.visit,
|
|
101
|
-
remote = _ref2.remote;
|
|
102
|
-
var builder = new HandlerBuilder({
|
|
103
|
-
navigatorRef: navigatorRef,
|
|
104
|
-
store: store,
|
|
105
|
-
visit: visit,
|
|
106
|
-
remote: remote,
|
|
107
|
-
ujsAttributePrefix: ujsAttributePrefix
|
|
108
|
-
});
|
|
109
|
-
return builder.handlers();
|
|
110
|
-
};
|