vsn 0.1.116 → 0.1.117
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/demo/vsn.js +2 -2
- package/demo/xhr-test.html +1 -1
- package/dist/attributes/XHRAttribute.js +15 -3
- package/dist/attributes/XHRAttribute.js.map +1 -1
- package/dist/version.d.ts +1 -1
- package/dist/version.js +1 -1
- package/package.json +1 -1
- package/src/attributes/XHRAttribute.ts +14 -3
- package/src/version.ts +1 -1
package/demo/xhr-test.html
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
|
|
9
9
|
<div id="test"></div>
|
|
10
10
|
|
|
11
|
-
<form method="
|
|
11
|
+
<form method="get" action="./xhr-response.html?testing=1" vsn-xhr vsn-on:xhr-success="#submit.@value = response">
|
|
12
12
|
<input type="hidden" name="csrf_token" value="1234567890" />
|
|
13
13
|
<input type="submit" value="Submit" id="submit" />
|
|
14
14
|
</form>
|
|
@@ -61,6 +61,7 @@ exports.XHRAttribute = void 0;
|
|
|
61
61
|
var Registry_1 = require("../Registry");
|
|
62
62
|
var Attribute_1 = require("../Attribute");
|
|
63
63
|
var AST_1 = require("../AST");
|
|
64
|
+
var VisionHelper_1 = require("../helpers/VisionHelper");
|
|
64
65
|
var XHRAttribute = /** @class */ (function (_super) {
|
|
65
66
|
__extends(XHRAttribute, _super);
|
|
66
67
|
function XHRAttribute() {
|
|
@@ -125,7 +126,7 @@ var XHRAttribute = /** @class */ (function (_super) {
|
|
|
125
126
|
});
|
|
126
127
|
XHRAttribute.prototype.handleEvent = function (e) {
|
|
127
128
|
return __awaiter(this, void 0, void 0, function () {
|
|
128
|
-
var method, url, data;
|
|
129
|
+
var method, url, formData, data, formKeys, _i, formKeys_1, key;
|
|
129
130
|
return __generator(this, function (_a) {
|
|
130
131
|
e.preventDefault();
|
|
131
132
|
if (this.request)
|
|
@@ -134,7 +135,18 @@ var XHRAttribute = /** @class */ (function (_super) {
|
|
|
134
135
|
if (this.isForm) {
|
|
135
136
|
url = this.tag.element.getAttribute('action');
|
|
136
137
|
method = this.getAttributeBinding(this.tag.element.getAttribute('method'));
|
|
137
|
-
|
|
138
|
+
method = method.toUpperCase();
|
|
139
|
+
formData = new FormData(this.tag.element);
|
|
140
|
+
if (method == 'GET') {
|
|
141
|
+
data = {};
|
|
142
|
+
formKeys = Array.from(formData.keys());
|
|
143
|
+
for (_i = 0, formKeys_1 = formKeys; _i < formKeys_1.length; _i++) {
|
|
144
|
+
key = formKeys_1[_i];
|
|
145
|
+
data[key] = formData.get(key);
|
|
146
|
+
}
|
|
147
|
+
url = VisionHelper_1.VisionHelper.getUriWithParams(url, data);
|
|
148
|
+
formData = null;
|
|
149
|
+
}
|
|
138
150
|
}
|
|
139
151
|
else if (this.isAnchor) {
|
|
140
152
|
url = this.tag.element.getAttribute('href');
|
|
@@ -144,7 +156,7 @@ var XHRAttribute = /** @class */ (function (_super) {
|
|
|
144
156
|
this.request.addEventListener('error', this.handleXHREvent.bind(this));
|
|
145
157
|
this.request.open(method, url);
|
|
146
158
|
this.request.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
|
|
147
|
-
this.request.send(
|
|
159
|
+
this.request.send(formData);
|
|
148
160
|
return [2 /*return*/];
|
|
149
161
|
});
|
|
150
162
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"XHRAttribute.js","sourceRoot":"","sources":["../../src/attributes/XHRAttribute.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wCAAqC;AACrC,0CAAuC;AACvC,8BAA4B;
|
|
1
|
+
{"version":3,"file":"XHRAttribute.js","sourceRoot":"","sources":["../../src/attributes/XHRAttribute.ts"],"names":[],"mappings":"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"}
|
package/dist/version.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const VERSION = "0.1.
|
|
1
|
+
export declare const VERSION = "0.1.117";
|
package/dist/version.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import {Registry} from "../Registry";
|
|
2
2
|
import {Attribute} from "../Attribute";
|
|
3
3
|
import {Tree} from "../AST";
|
|
4
|
+
import {VisionHelper} from "../helpers/VisionHelper";
|
|
4
5
|
|
|
5
6
|
@Registry.attribute('vsn-xhr')
|
|
6
7
|
export class XHRAttribute extends Attribute {
|
|
@@ -42,11 +43,21 @@ export class XHRAttribute extends Attribute {
|
|
|
42
43
|
this.request = new XMLHttpRequest();
|
|
43
44
|
let method;
|
|
44
45
|
let url;
|
|
45
|
-
let
|
|
46
|
+
let formData;
|
|
46
47
|
if (this.isForm) {
|
|
47
48
|
url = this.tag.element.getAttribute('action');
|
|
48
49
|
method = this.getAttributeBinding(this.tag.element.getAttribute('method'));
|
|
49
|
-
|
|
50
|
+
method = method.toUpperCase();
|
|
51
|
+
formData = new FormData(this.tag.element as HTMLFormElement);
|
|
52
|
+
if (method == 'GET') {
|
|
53
|
+
const data = {};
|
|
54
|
+
const formKeys: string[] = Array.from(formData.keys());
|
|
55
|
+
for (const key of formKeys) {
|
|
56
|
+
data[key] = formData.get(key);
|
|
57
|
+
}
|
|
58
|
+
url = VisionHelper.getUriWithParams(url, data);
|
|
59
|
+
formData = null;
|
|
60
|
+
}
|
|
50
61
|
} else if (this.isAnchor) {
|
|
51
62
|
url = this.tag.element.getAttribute('href');
|
|
52
63
|
method = this.getAttributeBinding('GET');
|
|
@@ -56,7 +67,7 @@ export class XHRAttribute extends Attribute {
|
|
|
56
67
|
this.request.addEventListener('error', this.handleXHREvent.bind(this));
|
|
57
68
|
this.request.open(method, url);
|
|
58
69
|
this.request.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
|
|
59
|
-
this.request.send(
|
|
70
|
+
this.request.send(formData);
|
|
60
71
|
}
|
|
61
72
|
|
|
62
73
|
public async handleXHREvent(e) {
|
package/src/version.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export const VERSION = '0.1.
|
|
1
|
+
export const VERSION = '0.1.117';
|
|
2
2
|
|