pro-xy-ui 0.5.8 → 0.6.0

package/lib/app/views/auto-responder/auto-responder.component.ts

@@ -1,110 +1,110 @@
-import { Component, ChangeDetectionStrategy } from '@angular/core';
-import { SocketService } from '../../service/socket.service';
-import { ConfigListBase } from '../config-list-base';
-import { ReqRes } from '../../model/http';
-
-var path = nw.require("path");
-var url = nw.require("url");
-var fs = nw.require("fs");
-var format = nw.require('date-format');
-var escapeStringRegexp = nw.require('escape-string-regexp');
-
-@Component({
-    moduleId: module.id,
-    templateUrl: 'auto-responder.component.html',
-    styleUrls: [
-        'auto-responder.component.css'
-    ],
-    selector: 'auto-responder',
-    host: { class: 'flex-grow' },
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class AutoResponder extends ConfigListBase {
-
-    configProperty = "autoResponder"
-    itemsProperty = "responses"
-
-    //TODO: how can we move this to parent?
-    constructor(socketService: SocketService) {
-        super();
-        this.socketService = socketService;
-
-        this.menuItems.splice(1, 0, new nw.MenuItem({ label: "Delete with target", click: () => this.deleteItem(this._lastCtxItem, true) }));
-    }
-
-    openFile(event, item) {
-        event.preventDefault();
-
-        var path = this.getFileLocation(item.target)
-
-        if (!fs.existsSync(path)) {
-            fs.writeFileSync(path, "");
-        }
-        nw.Shell.openItem(path);
-    }
-
-    getFileLocation(target) {
-        if (path.isAbsolute(target)) {
-            return target;
-        }
-        return path.join(process.env.HOME, ".auto-respond", target);
-    }
-
-    add(reqRes: ReqRes) {
-        if (!this.config) {
-            alert("Config not availible");
-            return;
-        }
-
-        var headers = reqRes.resHeaders;
-        if (reqRes.isGzip) {
-            //we have unzipped the response
-            delete headers["content-encoding"];
-        }
-        delete headers["content-length"]; //node will count it automatically
-
-        var fileName = makeName(reqRes.url);
-        var filePath = this.getFileLocation(fileName);
-
-        var autoRespFolder = path.join(process.env.HOME, ".auto-respond");
-        if (!fs.existsSync(autoRespFolder)) {
-            fs.mkdirSync(autoRespFolder);
-        }
-
-        fs.writeFileSync(filePath, reqRes.resBody);
-
-        this.config.addAutoResponse({
-            urlPattern: "^" + escapeStringRegexp(reqRes.url) + "$",
-            status: reqRes.statusCode,
-            headers: headers,
-            method: reqRes.method,
-            target: fileName,
-            disabled: false
-        });
-        this.socketService.replaceConfig(this.config);
-
-        function makeName(_url) {
-            var path = url.parse(_url).pathname.replace(/\/$/, "");
-            return `${path.split("/").slice(-2).join("_")}_${format('yyyyMMdd_hhmmss', new Date())}.txt`;
-        }
-    }
-
-    checkDropAllow(reqRes: ReqRes) {
-        return reqRes.isFinished;
-    }
-
-    deleteItem(item, deleteTarget?: boolean) {
-        super.deleteItem(item);
-        if (deleteTarget) {
-
-            var path = this.getFileLocation(item.target)
-
-            if (!fs.existsSync(path)) {
-                return;
-            }
-
-            fs.unlinkSync(path);
-        }
-    }
-
-}
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+import { SocketService } from '../../service/socket.service';
+import { ConfigListBase } from '../config-list-base';
+import { ReqRes } from '../../model/http';
+
+var path = nw.require("path");
+var url = nw.require("url");
+var fs = nw.require("fs");
+var format = nw.require('date-format');
+var escapeStringRegexp = nw.require('escape-string-regexp');
+
+@Component({
+    moduleId: module.id,
+    templateUrl: 'auto-responder.component.html',
+    styleUrls: [
+        'auto-responder.component.css'
+    ],
+    selector: 'auto-responder',
+    host: { class: 'flex-grow' },
+    changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class AutoResponder extends ConfigListBase {
+
+    configProperty = "autoResponder"
+    itemsProperty = "responses"
+
+    //TODO: how can we move this to parent?
+    constructor(socketService: SocketService) {
+        super();
+        this.socketService = socketService;
+
+        this.menuItems.splice(1, 0, new nw.MenuItem({ label: "Delete with target", click: () => this.deleteItem(this._lastCtxItem, true) }));
+    }
+
+    openFile(event, item) {
+        event.preventDefault();
+
+        var path = this.getFileLocation(item.target)
+
+        if (!fs.existsSync(path)) {
+            fs.writeFileSync(path, "");
+        }
+        nw.Shell.openItem(path);
+    }
+
+    getFileLocation(target) {
+        if (path.isAbsolute(target)) {
+            return target;
+        }
+        return path.join(process.env.HOME, ".auto-respond", target);
+    }
+
+    add(reqRes: ReqRes) {
+        if (!this.config) {
+            alert("Config not availible");
+            return;
+        }
+
+        var headers = reqRes.resHeaders;
+        if (reqRes.isGzip) {
+            //we have unzipped the response
+            delete headers["content-encoding"];
+        }
+        delete headers["content-length"]; //node will count it automatically
+
+        var fileName = makeName(reqRes.url);
+        var filePath = this.getFileLocation(fileName);
+
+        var autoRespFolder = path.join(process.env.HOME, ".auto-respond");
+        if (!fs.existsSync(autoRespFolder)) {
+            fs.mkdirSync(autoRespFolder);
+        }
+
+        fs.writeFileSync(filePath, reqRes.resBody);
+
+        this.config.addAutoResponse({
+            urlPattern: "^" + escapeStringRegexp(reqRes.url) + "$",
+            status: reqRes.statusCode,
+            headers: headers,
+            method: reqRes.method,
+            target: fileName,
+            disabled: false
+        });
+        this.socketService.replaceConfig(this.config);
+
+        function makeName(_url) {
+            var path = url.parse(_url).pathname.replace(/\/$/, "");
+            return `${path.split("/").slice(-2).join("_")}_${format('yyyyMMdd_hhmmss', new Date())}.txt`;
+        }
+    }
+
+    checkDropAllow(reqRes: ReqRes) {
+        return reqRes.isFinished;
+    }
+
+    deleteItem(item, deleteTarget?: boolean) {
+        super.deleteItem(item);
+        if (deleteTarget) {
+
+            var path = this.getFileLocation(item.target)
+
+            if (!fs.existsSync(path)) {
+                return;
+            }
+
+            fs.unlinkSync(path);
+        }
+    }
+
+}

package/lib/app/views/composer/composer.component.css

@@ -1,7 +1,7 @@
-textarea {
-    resize: none;
-    height: 100%;
-    font-size: 12px;
-    line-height: 12px;
-    font-family:Menlo,Monaco,Consolas,"Courier New",monospace
-}
+textarea {
+    resize: none;
+    height: 100%;
+    font-size: 12px;
+    line-height: 12px;
+    font-family:Menlo,Monaco,Consolas,"Courier New",monospace
+}

package/lib/app/views/composer/composer.component.html

@@ -1,9 +1,9 @@
-<div class="mb-2 flex-grow">
-    <textarea class="form-control" [value]="model" (keyup)="model=$event.target.value" dnd-droppable (onDropSuccess)="reqRes=$event.dragData"></textarea>
-</div>
-<div>
-    <button class="btn btn-sm btn-primary" (click)="send()" [disabled]="invalid">Send</button>
-    <button class="btn btn-sm btn-secondary" (click)="loadSample()">Load sample</button>
-
-    <em style="color:red">{{message}}</em>
-</div>
+<div class="mb-2 flex-grow">
+    <textarea class="form-control" [value]="model" (keyup)="model=$event.target.value" dnd-droppable (onDropSuccess)="reqRes=$event.dragData"></textarea>
+</div>
+<div>
+    <button class="btn btn-sm btn-primary" (click)="send()" [disabled]="invalid">Send</button>
+    <button class="btn btn-sm btn-secondary" (click)="loadSample()">Load sample</button>
+
+    <em style="color:red">{{message}}</em>
+</div>

package/lib/app/views/composer/composer.component.js

@@ -1,147 +1,147 @@
-"use strict";
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const core_1 = require("@angular/core");
-const http_1 = require("@angular/http");
-const socket_service_1 = require("../../service/socket.service");
-const http_2 = require("../../model/http");
-var app = nw.require('nw.gui').App;
-var validUrl = nw.require('valid-url');
-var url = nw.require('url');
-var SAMPLE_REQUEST = 'POST http://jsonplaceholder.typicode.com/posts\ncontent-type: application/json\naccept: */*\n\n{"sample":1}';
-let ComposerComponent = class ComposerComponent {
-    constructor(http, socketService) {
-        this.http = http;
-        this.socketService = socketService;
-        this.invalid = false;
-        this._message = "";
-    }
-    ngOnInit() {
-        this.loadSample();
-        this.socketService.configObservable.subscribe(config => { this.config = config; });
-    }
-    set reqRes(reqRes) {
-        if (!reqRes) {
-            return;
-        }
-        this.model = `${reqRes.method} ${reqRes.url}\n${reqRes.reqHeadersStr}\n\n${reqRes.reqBody}`;
-    }
-    get message() { return this._message; }
-    set message(message) {
-        this._message = message;
-        this.invalid = !!message;
-    }
-    get model() { return this._model; }
-    set model(model) {
-        this._model = model;
-        try {
-            this.parsedModel = this.parse(this.model);
-            this.message = null;
-        }
-        catch (e) {
-            this.message = e.message;
-        }
-    }
-    parse(value) {
-        if (!value) {
-            throw new Error("Method and URL are required");
-        }
-        var lines = value.split(/\r\n?|\n/);
-        var parts = lines.shift().split(" ");
-        var method = parts[0].trim();
-        if (!/^(get|post|put|delete|options|head)$/i.test(method)) {
-            throw new Error(`Unknown method: ${method}`);
-        }
-        ;
-        var uri = parts.slice(1).join(" ").trim();
-        //if (!validUrl.isUri(url)) { //this is now working for some urls, eg: http://toplist.cz/count.asp?id=1128198&logo=mc&http&t=ForcaBarca.sk%2C%20informa%u010Dn%FD%20servis%20FC%20Barcelona&wi=1920&he=1080&cd=24
-        //http://stackoverflow.com/questions/3809401/what-is-a-good-regular-expression-to-match-a-url
-        //if (!/^https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)$/.test(url)) {
-        validateUrl(uri);
-        var bodySepIdx = lines.indexOf("");
-        var headerLines = ~bodySepIdx ? lines.slice(0, bodySepIdx) : lines;
-        var headers = headerLines.reduce((obj, line) => {
-            var parts = line.split(":");
-            var name = parts.shift().trim();
-            var value = parts.join(":").trim();
-            if (!isValidHeaderName(name)) {
-                throw new Error(`Invalid header name '${name}'`);
-            }
-            if (!value) {
-                throw new Error(`Invalid header line '${line}'`);
-            }
-            obj[name] = value;
-            return obj;
-        }, {});
-        var body = "";
-        if (~bodySepIdx) {
-            body = lines.slice(bodySepIdx + 1).join("\n");
-        }
-        return { method, url: uri, headers, body };
-        function isValidHeaderName(val) {
-            //https://www.w3.org/Protocols/rfc2616/rfc2616-sec2.html#sec2.2
-            return /^[ -~]+$/.test(val) && !/[\(\)<>@,;:\\<>\/\[\]\?={} \t"]/.test(val);
-        }
-        function validateUrl(val) {
-            var parsed = url.parse(val);
-            if (!parsed.protocol || !parsed.host) {
-                throw new Error("Only absolute URLs are allowed");
-            }
-            if (!/^http:$/i.test(parsed.protocol)) {
-                throw new Error("Only HTTP protocol is allowed");
-            }
-        }
-    }
-    send(reqRes) {
-        var req = this.parsedModel;
-        if (reqRes) {
-            req = {
-                url: reqRes.url,
-                method: reqRes.method,
-                headers: reqRes.reqHeaders,
-                body: reqRes.reqBody
-            };
-        }
-        let options = new http_1.RequestOptions({
-            //AR:do not add no-cache, we do not want to spoil headers, we will clear the cache (disabling cache in nw.js seems to be buggy, see issues)
-            //headers: new Headers(Object.assign({ pragma: "no-cache" }, req.headers)),
-            headers: new http_1.Headers(req.headers),
-            method: req.method,
-            body: req.body
-        });
-        app.clearCache();
-        app.setProxyConfig(`http=localhost:${this.config.port},direct://;direct://`);
-        this.http.request(req.url, options)
-            .toPromise()
-            .catch(() => null) // no op
-            .then(() => app.setProxyConfig(""));
-    }
-    loadSample() {
-        this.model = SAMPLE_REQUEST;
-    }
-};
-__decorate([
-    core_1.Input(),
-    __metadata("design:type", http_2.ReqRes),
-    __metadata("design:paramtypes", [http_2.ReqRes])
-], ComposerComponent.prototype, "reqRes", null);
-ComposerComponent = __decorate([
-    core_1.Component({
-        moduleId: module.id,
-        templateUrl: 'composer.component.html',
-        styleUrls: ['composer.component.css'],
-        selector: 'composer',
-        host: { class: 'flex-grow' },
-        changeDetection: core_1.ChangeDetectionStrategy.OnPush
-    }),
-    __metadata("design:paramtypes", [http_1.Http, socket_service_1.SocketService])
-], ComposerComponent);
-exports.ComposerComponent = ComposerComponent;
+"use strict";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const core_1 = require("@angular/core");
+const http_1 = require("@angular/http");
+const socket_service_1 = require("../../service/socket.service");
+const http_2 = require("../../model/http");
+var app = nw.require('nw.gui').App;
+var validUrl = nw.require('valid-url');
+var url = nw.require('url');
+var SAMPLE_REQUEST = 'POST http://jsonplaceholder.typicode.com/posts\ncontent-type: application/json\naccept: */*\n\n{"sample":1}';
+let ComposerComponent = class ComposerComponent {
+    constructor(http, socketService) {
+        this.http = http;
+        this.socketService = socketService;
+        this.invalid = false;
+        this._message = "";
+    }
+    ngOnInit() {
+        this.loadSample();
+        this.socketService.configObservable.subscribe(config => { this.config = config; });
+    }
+    set reqRes(reqRes) {
+        if (!reqRes) {
+            return;
+        }
+        this.model = `${reqRes.method} ${reqRes.url}\n${reqRes.reqHeadersStr}\n\n${reqRes.reqBody}`;
+    }
+    get message() { return this._message; }
+    set message(message) {
+        this._message = message;
+        this.invalid = !!message;
+    }
+    get model() { return this._model; }
+    set model(model) {
+        this._model = model;
+        try {
+            this.parsedModel = this.parse(this.model);
+            this.message = null;
+        }
+        catch (e) {
+            this.message = e.message;
+        }
+    }
+    parse(value) {
+        if (!value) {
+            throw new Error("Method and URL are required");
+        }
+        var lines = value.split(/\r\n?|\n/);
+        var parts = lines.shift().split(" ");
+        var method = parts[0].trim();
+        if (!/^(get|post|put|delete|options|head)$/i.test(method)) {
+            throw new Error(`Unknown method: ${method}`);
+        }
+        ;
+        var uri = parts.slice(1).join(" ").trim();
+        //if (!validUrl.isUri(url)) { //this is now working for some urls, eg: http://toplist.cz/count.asp?id=1128198&logo=mc&http&t=ForcaBarca.sk%2C%20informa%u010Dn%FD%20servis%20FC%20Barcelona&wi=1920&he=1080&cd=24
+        //http://stackoverflow.com/questions/3809401/what-is-a-good-regular-expression-to-match-a-url
+        //if (!/^https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)$/.test(url)) {
+        validateUrl(uri);
+        var bodySepIdx = lines.indexOf("");
+        var headerLines = ~bodySepIdx ? lines.slice(0, bodySepIdx) : lines;
+        var headers = headerLines.reduce((obj, line) => {
+            var parts = line.split(":");
+            var name = parts.shift().trim();
+            var value = parts.join(":").trim();
+            if (!isValidHeaderName(name)) {
+                throw new Error(`Invalid header name '${name}'`);
+            }
+            if (!value) {
+                throw new Error(`Invalid header line '${line}'`);
+            }
+            obj[name] = value;
+            return obj;
+        }, {});
+        var body = "";
+        if (~bodySepIdx) {
+            body = lines.slice(bodySepIdx + 1).join("\n");
+        }
+        return { method, url: uri, headers, body };
+        function isValidHeaderName(val) {
+            //https://www.w3.org/Protocols/rfc2616/rfc2616-sec2.html#sec2.2
+            return /^[ -~]+$/.test(val) && !/[\(\)<>@,;:\\<>\/\[\]\?={} \t"]/.test(val);
+        }
+        function validateUrl(val) {
+            var parsed = url.parse(val);
+            if (!parsed.protocol || !parsed.host) {
+                throw new Error("Only absolute URLs are allowed");
+            }
+            if (!/^http:$/i.test(parsed.protocol)) {
+                throw new Error("Only HTTP protocol is allowed");
+            }
+        }
+    }
+    send(reqRes) {
+        var req = this.parsedModel;
+        if (reqRes) {
+            req = {
+                url: reqRes.url,
+                method: reqRes.method,
+                headers: reqRes.reqHeaders,
+                body: reqRes.reqBody
+            };
+        }
+        let options = new http_1.RequestOptions({
+            //AR:do not add no-cache, we do not want to spoil headers, we will clear the cache (disabling cache in nw.js seems to be buggy, see issues)
+            //headers: new Headers(Object.assign({ pragma: "no-cache" }, req.headers)),
+            headers: new http_1.Headers(req.headers),
+            method: req.method,
+            body: req.body
+        });
+        app.clearCache();
+        app.setProxyConfig(`http=localhost:${this.config.port},direct://;direct://`);
+        this.http.request(req.url, options)
+            .toPromise()
+            .catch(() => null) // no op
+            .then(() => app.setProxyConfig(""));
+    }
+    loadSample() {
+        this.model = SAMPLE_REQUEST;
+    }
+};
+__decorate([
+    core_1.Input(),
+    __metadata("design:type", http_2.ReqRes),
+    __metadata("design:paramtypes", [http_2.ReqRes])
+], ComposerComponent.prototype, "reqRes", null);
+ComposerComponent = __decorate([
+    core_1.Component({
+        moduleId: module.id,
+        templateUrl: 'composer.component.html',
+        styleUrls: ['composer.component.css'],
+        selector: 'composer',
+        host: { class: 'flex-grow' },
+        changeDetection: core_1.ChangeDetectionStrategy.OnPush
+    }),
+    __metadata("design:paramtypes", [http_1.Http, socket_service_1.SocketService])
+], ComposerComponent);
+exports.ComposerComponent = ComposerComponent;